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