SyntaxError: Cannot use import statement outside a module

Question

I've got an ApolloServer project that's giving me trouble, so I thought I might update it and ran into issues when using the latest Babel. My "index.js" is:

require('dotenv').config()
import {startServer} from './server'
startServer()

And when I run it I get the error "SyntaxError: Cannot use import statement outside a module". First I tried doing things to convince TPTB* that this was a module (with no success). So I changed the "import" to a "require" and this worked.

But now I have about two dozen "imports" in other files giving me the same error.

*我确定问题的根源在于，我甚至不确定该问题的根源。我有点以为是Babel 7（因为我来自Babel 6，所以我不得不更改预设），但我不确定100％。

我为解决方案找到的大多数内容似乎不适用于纯Node。像这里这样：

ES6模块导入，给出“未捕获的SyntaxError：意外的标识符”

说可以通过添加“ type = module”来解决，但这通常会出现在HTML中，而我没有。我还尝试使用项目的旧预设：

"presets": ["es2015", "stage-2"],
"plugins": []

但这给了我另一个错误：“错误：插件/预设文件不允许导出对象，只能导出功能。”

更新：这是我开始的依赖项：

"dependencies": {
"@babel/polyfill": "^7.6.0",
"apollo-link-error": "^1.1.12",
"apollo-link-http": "^1.5.16",
"apollo-server": "^2.9.6",
"babel-preset-es2015": "^6.24.1",

Answer 1

验证您是否安装了最新版本的 Node（或至少 13.2.0+）。然后执行以下操作之一，如文档中所述：

选项1

在最近的父package.json文件中，添加"type"值为的顶级字段"module"。这将确保所有.js和.mjs文件都被解释为 ES 模块。您可以使用.cjs扩展名将单个文件解释为 CommonJS 。

// package.json
{
  "type": "module"
}

选项 2

使用.mjs扩展名显式命名文件。所有其他文件，例如.js将被解释为 CommonJS，如果type未在package.json.

Answer 2

如果有人在使用Typescript 时遇到这个问题，那么为我解决这个问题的关键是改变

    "target": "esnext",
    "module": "esnext",

到

    "target": "esnext",
    "module": "commonjs",

在我的tsconfig.json. 我的印象是“ esnext”是“最好的”，但这只是一个错误。

Answer 3

对于那些在阅读答案时和我一样困惑的人，在您的 package.json 文件中，"type": "module" 在上层添加 如下所示：

{
  "name": "my-app",
  "version": "0.0.0",
  "type": "module",
  "scripts": { ...
  },
  ...
}

Answer 4

根据官方文档（https://nodejs.org/api/esm.html#esm_code_import_code_statements）：

import 语句只允许在 ES 模块中使用。对于 CommonJS 中的类似功能，请参阅 import()。

要使 Node 将您的文件视为 ES 模块，您需要（https://nodejs.org/api/esm.html#esm_enabling）：

• 将 "type": "module" 添加到 package.json
• 在节点调用中添加“--experimental-modules”标志

Answer 5

我遇到了同样的问题，甚至更糟：我需要“导入”和“需要”

1. 一些较新的 ES6 模块仅适用于导入。
2. 一些 CommonJS 与 require 一起工作。

这是对我有用的：

1. 按照其他答案中的建议将您的 js 文件转换为 .mjs

2. ES6 模块没有定义“require”，所以你可以这样定义它：

   import { createRequire } from 'module'
   const require = createRequire(import.meta.url);
   

   现在'require'可以以通常的方式使用。

3. 对 ES6 模块使用 import，对 commonJS 使用 require。

一些有用的链接： node.js's own documentation。import 和 require 之间的区别。Mozilla 有一些关于导入的不错的文档

Answer 6

Node.js v14.16.0：

对于那些尝试过 .mjs 并获得以下结果的人：

Aviator@AW:/mnt/c/Users/Adrian/Desktop/Programming/nodejs_ex$ node just_js.mjs
file:///mnt/c/Users/Adrian/Desktop/Programming/nodejs_ex/just_js.mjs:3
import fetch from "node-fetch";
       ^^^^^

SyntaxError: Unexpected identifier

谁尝试过import fetch from "node-fetch"; ，谁尝试过const fetch = require('node-fetch');

Aviator@AW:/mnt/c/Users/Adrian/Desktop/Programming/nodejs_ex$ node just_js.js
(node:4899) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
(Use `node --trace-warnings ...` to show where the warning was created)
/mnt/c/Users/Adrian/Desktop/Programming/nodejs_ex/just_js.js:3
import fetch from "node-fetch";
^^^^^^

SyntaxError: Cannot use import statement outside a module

以及尝试"type": "module"过 package.json 但仍继续看到错误的人，

{
  "name": "test",
  "version": "1.0.0",
  "description": "to get fetch working",
  "main": "just_js.js",
  "type": "module",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "MIT"
}

我可以毫无问题地切换到Axios 。

import axios from 'axios';<-- 放在文件顶部。例子：

axios.get('https://www.w3schools.com/xml/note.xml').then(resp => {
    console.log(resp.data);
});

Answer 7

步骤1

yarn add esm

或者

npm i esm --save

第2步

包.json

yarn add esm

步骤3

nodemon --exec npm start

Answer 8

如果您使用ES6 JavaScript 导入：

1. 安装cross-env
2. 改为package.json​"test": "jest"​"test": "cross-env NODE_OPTIONS=--experimental-vm-modules jest"
3. 更多内容package.json，添加这些：

    ...,
    "jest": {
        "transform": {}
    },
    "type": "module"

解释：

cross-env允许更改环境变量而不更改 npm 命令。接下来，在文件package.json中更改 npm 命令以启用对Jest 的实验性 ES6 支持，并配置 Jest 来执行此操作。

Answer 9

我遇到了同样的问题，以下已修复它（使用节点 12.13.1）：

• 将.js文件扩展名更改为.mjs
• --experimental-modules在运行您的应用程序时添加标志。
• 可选：添加"type": "module"您的package.json

更多信息：https : //nodejs.org/api/esm.html

Answer 10

我发现这个答案的 2020 年更新有助于回答这个问题，并告诉你为什么这样做：

这是摘录：

自 Node.js v12（2019 年 4 月）起，默认启用对 ES 模块的支持，自 Node.js v15（2020 年 10 月）起，它变得稳定（请参阅此处）。文件（包括 Node.js 模块）必须以 .mjs 结尾，或者最近的 package.json 文件必须包含“type”：“module”。Node.js 文档包含大量信息，还涉及 CommonJS 和 ES 模块之间的互操作性。

Answer 11

首先我们将安装@babel/cli, @babel/core and @babel/preset-env.

$ npm install --save-dev @babel/cli @babel/core @babel/preset-env

然后我们将创建一个 .babelrc 文件来配置 babel。

$ touch .babelrc

这将托管我们可能想要配置 babel 的任何选项。

{
  "presets": ["@babel/preset-env"]
}

随着最近对 babel 的更改，您需要先转译ES6，然后 node 才能运行它。

因此，我们将在 package.json 中添加我们的第一个脚本 build。

"scripts": {
  "build": "babel index.js -d dist"
}

然后我们将在 package.json 中添加我们的启动脚本。

"scripts": {
  "build": "babel index.js -d dist", // replace index.js with your filename
  "start": "npm run build && node dist/index.js"
}

现在让我们启动我们的服务器。

$ npm start

Answer 12

我是 Node.js 新手，在修复 AWS Lambda 函数（使用 Node.js）时遇到了同样的问题。

我发现CommonJS和ES6 JavaScript之间的一些区别：

ES6：

• 在package.json文件中添加“type”:“module”

• 使用“导入”从 lib 中使用。

  示例：从 jwt-decode 导入 jwt_decode

• Lambda 处理程序方法代码应该这样定义

  “exports.handler = 异步（事件）=> { }”

通用JS：

• 不要在package.json文件中添加 "type":"module"

• 使用“require”从 lib 中使用。

  示例：const jwt_decode = require("jwt-decode");

• lambda 处理程序方法代码应如下定义：

  “导出常量处理程序 = 异步（事件）=> { }”

Answer 13

尝试了所有方法，但没有任何效果

我从 git hub 得到了一份参考资料。

要在 nodejs 中使用类型脚本导入，我安装了下面的包。

1. npm i typescript

2. npm i ts-node

不需要 type: module in package.json

例如

{
  "name": "my-app",
  "version": "0.0.1",
  "description": "",
  "scripts": {
   
  },
  "dependencies": {
    "knex": "^0.16.3",
    "pg": "^7.9.0",
    "ts-node": "^8.1.0",
    "typescript": "^3.3.4000"
  }
}

Answer 14

就我而言。我认为问题出在标准node可执行文件中。node target.ts

我用它替换了它nodemon，令人惊讶的是它有效！

使用标准可执行文件（运行程序）的方式：

node target.ts

使用nodemon可执行文件（运行程序）的方式：

nodemon target.ts

不要忘记使用npm install nodemon;P安装 nodemon

注意：这对于开发来说非常有效。但是，对于运行时，您可以node使用编译后的.js文件执行！

问题是node不接受 TypeScript 文件。相反，ts-node可能是完美的替代品。

Answer 15

要使用导入，请执行以下操作之一。

1. 将.js文件重命名为.mjs
2. 在package.json文件中，添加{type:module}