AI编程助手
AI免费问答

将标题重写为:将"SyntaxError: Cannot use import statement outside a module"翻译成中文为"实时服务器上运行时出现语法错误:无法在模块外部使用import语句"

<p>//这是greet.js文件</p> <pre class="brush:php;toolbar:false;">import React from &quot;react&quot;; function Greet() { return ( &lt;div&gt;&lt;h1&gt;欢迎&lt;/h1&gt;&lt;/div&gt; ) } 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() { &lt;div className='App'&gt; &lt;Greet/&gt; &lt;/div&gt; } }</pre> <p>//这是html文件</p> <pre class="brush:php;toolbar:false;">&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt; Here We Go &lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;script src=&quot;indx.js&quot;&gt; &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre> <p>我正在尝试从greet.js中获取数据并在indx.js中渲染,但是我得到了<strong>无法在模块外使用import语句的错误</strong></p>
# React
P粉520545753 P粉520545753 686 天前 1100 次浏览

全部回复(1) 我要回复

  • P粉885035114

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

    • 你之所以会出错是因为你需要在 script 标签中添加 type='module' 来使用 import/export 语法
    • 你不能在浏览器中使用 JSX。你可以在服务器上使用 babelesbuild 或者其他你喜欢的编译器,或者直接在 HTML 中输入 babel 来使用。你也可以使用 vite

    回复
    0
  • 取消 回复 发送