將標題重寫為:將"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