"Uncaught SyntaxError: Cannot use import statement outside a module" When Importing ReactJS

"Uncaught SyntaxError: Cannot use import statement outside a module" When Importing ReactJS

今天我决定尝试学习React，但是每当我尝试导入以下两个模块时：

import React from "react"
import ReactDOM from "react-dom"

我收到错误：

Uncaught SyntaxError: Cannot use import statement outside a module

以下是我尝试创建 React 程序所采取的步骤：

  1. 安装 NodeJS
  2. 将 NodeJS 添加到环境变量
  3. 为我的程序创建新文件夹
  4. 在我的文件夹中创建 HTML、CSS 和 JS 文件

为什么会出现此错误，我该如何解决？

您需要将此添加到您的 package.json，它应该可以工作。如果你打算使用 es6 import 语句，你需要告诉节点你正在使用 package.json 中的模块，就像这样。

"type": "module",

我想这是您第一次使用 React？我看到你安装了NodeJs，太棒了！

我建议您开始使用完整的 React 应用程序，例如 Create React App。

https://create-react-app.dev/

我也是react新手，使用visual studio2022在MVC项目中编写react代码。我创建的登录页面与 https://github.com/narendra315/yt-210911-react-login-page/blob/master/src/LoginComponent2.js 完全相同 并且得到与

相同的错误

Uncaught SyntaxError: Cannot use import statement outside a module

通过删除末尾的导入和导出行修复了它。我用

替换了导出行 
ReactDOM.render(<LoginComponent />, document.getElementById('content'));

其中 LoginComponent 是我的 class 内容是我的 Index.cshtml 页面的 ID 这解决了我的问题。