搜索

首页  >  问答  >  正文

将标题重写为:将"SyntaxError: Cannot use import statement outside a module"翻译成中文为"实时服务器上运行时出现语法错误:无法在模块外部使用import语句"

<p>//这是greet.js文件</p> <pre class="brush:php;toolbar:false;">import React from "react"; function Greet() { return ( <div><h1>欢迎</h1></div> ) } export default Greet</pre> <p>//这是indx.js文件</p> <pre class="brush:php;toolbar:false;">import React,{Component} from 'react' import Greet from './Greet' class App extends Component { render() { <div className='App'> <Greet/> </div> } }</pre> <p>//这是html文件</p> <pre class="brush:php;toolbar:false;"><!DOCTYPE html> <html> <head> <title> Here We Go </title> </head> <body> <script src="indx.js"> </script> </body> </html></pre> <p>我正在尝试从greet.js中获取数据并在indx.js中渲染,但是我得到了<strong>无法在模块外使用import语句的错误</strong></p>
P粉520545753P粉520545753443 天前638

全部回复(1)我来回复

  • P粉885035114

    P粉8850351142023-08-29 16:24:30

    • 你之所以会出错是因为你需要在 script 标签中添加 type='module' 来使用 import/export 语法
    • 你不能在浏览器中使用 JSX。你可以在服务器上使用 babelesbuild 或者其他你喜欢的编译器,或者直接在 HTML 中输入 babel 来使用。你也可以使用 vite

    回复
    0
  • 取消回复