將標題重寫為:將"SyntaxError: Cannot use import statement outside a module"翻譯成中文為"實時伺服器上運行時出現語法錯誤:無法在模組外部使用import語句"
P粉520545753
P粉520545753 2023-08-28 20:10:06
0
1
647
<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
#
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板