将标题重写为:将"SyntaxError: Cannot use import statement outside a module"翻译成中文为"实时服务器上运行时出现语法错误:无法在模块外部使用import语句"
P粉520545753
2023-08-28 20:10:06
<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>
script
标签中添加type='module'
来使用import/export
语法babel
、esbuild
或者其他你喜欢的编译器,或者直接在 HTML 中输入babel
来使用。你也可以使用vite