搜尋

首頁  >  問答  >  主體

將標題重寫為:將"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粉520545753442 天前633

全部回覆(1)我來回復

  • P粉885035114

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

    • 你之所以會出錯是因為你需要在 script 標籤中加上 type='module' 來使用 import/export 語法
    • 你不能在瀏覽器中使用 JSX。你可以在伺服器上使用 babelesbuild 或其他你喜歡的編譯器,或是直接在 HTML 中輸入 babel 來使用。你也可以使用 vite
    #

    回覆
    0
  • 取消回覆