导入 ReactJS 时出现“未捕获的语法错误：无法在模块外使用导入语句”

Question

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

Collection.find({
  $or: [
    {
      name: "Ram"
    },
    {
      name: "Shyam"
    }
  ]
})

我收到错误：

<块引用>

未捕获的语法错误：不能在模块外使用导入语句

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

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

为什么我会收到此错误，我该如何解决？

Answer 1

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

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

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

Answer 2

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

"type": "module",