将标题重写为:将"SyntaxError: Cannot use import statement outside a module"翻译成中文为"实时服务器上运行时出现语法错误:无法在模块外部使用import语句"
P粉520545753
P粉520545753 2023-08-28 20:10:06
0
1
645
<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粉520545753
P粉520545753

全部回复(1)
P粉885035114
  • 你之所以会出错是因为你需要在 script 标签中添加 type='module' 来使用 import/export 语法
  • 你不能在浏览器中使用 JSX。你可以在服务器上使用 babelesbuild 或者其他你喜欢的编译器,或者直接在 HTML 中输入 babel 来使用。你也可以使用 vite
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板