语法错误：意外的标记'<' at ModuleLoader.moduleStrategy

Question

运行我的主 script.js 文件时（使用 import 导入其他 js / jsx 文件）

我有一个初始错误：

Cannot use import statement outside a module

，我可以通过添加：

"type": "module"

到我的

package.json

文件来修复该错误，该文件修复了该错误，但现在我收到了一个新错误：

Unexpected token '<'  at ModuleLoader.moduleStrategy

这些是我在index.html中的脚本标签

<script crossorigin src="https://unpkg.com/react@17/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.development.js"></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
<script src="script.js" type="text/babel" data-type="module"></script>

这是错误消息的屏幕截图

        <div>
        ^

SyntaxError: Unexpected token '<'
    at ModuleLoader.moduleStrategy (node:internal/modules/esm/translators:155:18)
    at callTranslator (node:internal/modules/esm/loader:285:14)
    at ModuleLoader.moduleProvider (node:internal/modules/esm/loader:291:30)
    at async link (node:internal/modules/esm/module_job:76:21)

Node.js v21.2.0

我尝试在 Google 上搜索该错误，但无法找到解决方案。

Answer 1

您应该检查您是否使用正确的 Node 版本。我遇到了同样的问题，忘记切换 Node 版本了。