根据官方文件:

import语句只允许在ES模块中使用。要了解CommonJS中的类似功能，请参见import()。

为了让Node.js把你的文件当作ES模块，你需要(启用):

在package.json中添加"type": "module" 在Node.js调用中添加"——experimental-modules"标志

我也有同样的问题，下面已经修复了它(使用Node.js 12.13.1):

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

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

验证您已经安装了Node.js的最新版本(或至少13.2.0+)。然后按照文档中的描述，执行以下操作之一:

选项1

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

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

选项2

显式地以.mjs扩展名命名文件。所有其他文件，如.js将被解释为CommonJS，如果package.json中没有定义type，则CommonJS是默认值。

我的解决方案是在运行nodemon时包含babel-node路径，如下所示:

nodemon node_modules/.bin/babel-node index.js

你可以加入你的套餐。Json脚本如下:

debug: nodemon node_modules/.bin/babel-node index.js

注意:我的入口文件是index.js。将其替换为您的入口文件(许多有app.js/server.js)。

I had the same problem when I started to use Babel... But later, I had a solution... I haven't had the problem any more so far... Currently, Node.js v12.14.1, "@babel/node": "^7.8.4", I use babel-node and nodemon to execute (Node.js is fine as well..) package.json: "start": "nodemon --exec babel-node server.js "debug": "babel-node debug server.js"!! Note: server.js is my entry file, and you can use yours. launch.json. When you debug, you also need to configure your launch.json file "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/babel-node"!! Note: plus runtimeExecutable into the configuration. Of course, with babel-node, you also normally need and edit another file, such as the babel.config.js/.babelrc file

我在一个刚刚起步的Express API项目中遇到了这个问题。

src/server/server.js中有问题的服务器代码:

import express from 'express';
import {initialDonationItems, initialExpenditureItems} from "./DemoData";

const server = express();

server.get('/api/expenditures', (req, res) => {
  res.type('json');
  res.send(initialExpenditureItems);
});

server.get('/api/donations', (req, res) => {
  res.type('json');
  res.send(initialDonationItems);
});

server.listen(4242, () => console.log('Server is running...'));

以下是我的依赖项:

{
  "name": "contributor-api",
  "version": "0.0.1",
  "description": "A Node backend to provide storage services",
  "scripts": {
    "dev-server": "nodemon --exec babel-node src/server/server.js --ignore dist/",
    "test": "jest tests"
  },
  "license": "ISC",
  "dependencies": {
    "@babel/core": "^7.9.6",
    "@babel/node": "^7.8.7",
    "babel-loader": "^8.1.0",
    "express": "^4.17.1",
    "mysql2": "^2.1.0",
    "sequelize": "^5.21.7",
    "sequelize-cli": "^5.5.1"
  },
  "devDependencies": {
    "jest": "^25.5.4",
    "nodemon": "^2.0.3"
  }
}

这是投出错误的跑者:

nodemon --exec babel-node src/server/server.js --ignore dist

这很令人沮丧，因为我有一个类似的Express项目运行得很好。

解决方案首先是添加这个依赖:

npm install @babel/preset-env

然后在项目根目录中使用babel.config.js来连接它:

module.exports = {
  presets: ['@babel/preset-env'],
};

我不完全明白为什么这是可行的，但我是从权威来源复制的，所以我很高兴坚持下去。

我遇到了同样的问题，而且更糟糕:我同时需要“import”和“require”

一些较新的ES6模块只能使用导入。 一些CommonJS使用require。

以下是对我有效的方法:

把你的js文件转换成.mjs，就像其他答案中建议的那样 "require"在ES6模块中没有定义，所以你可以这样定义它: 从模块导入{createRequire} const require = createRequire(import.meta.url); 现在'require'可以用在通常的情况下。 对于ES6模块使用import，对于CommonJS使用require。

一些有用的链接:Node.js自己的文档。import和require的区别。Mozilla有一些关于导入的很好的文档

对于那些和我一样在阅读答案时感到困惑的人，在你的包裹里。Json文件，添加 “类型”:“模块” 在上层如下图所示:

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

只需添加——presets '@babel/preset-env'。

例如,

babel-node --trace-deprecation --presets '@babel/preset-env' ./yourscript.js

Or

在babel.config.js

module.exports = {
  presets: ['@babel/preset-env'],
};

只需将其更改为:

const uuidv1 = require('uuid');

它会工作得很好。

如果有人在使用TypeScript时遇到了这个问题，对我来说，解决它的关键是改变

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

to

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

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

步骤1

yarn add esm

or

npm i esm --save

步骤2

package.json

  "scripts": {
    "start": "node -r esm src/index.js",
  }

步骤3

nodemon --exec npm start

首先，我们将安装 @babel/cli、@babel/core 和 @babel/preset-env：

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

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

touch .babelrc

这将承载我们可能想要配置Babel的任何选项:

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

随着Babel最近的变化，你需要在Node.js运行ES6之前编译它。

我们将在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

当您运行该命令时也会出现此错误

node filename.ts

而不是

node filename.js

简单地说，使用node命令，我们必须运行JavaScript文件(filename.js)，而不是TypeScript文件，除非我们使用像ts-node这样的包。

如果您正在为Node.js版本12运行nodemon，请使用此命令。

Server.js是里面的“主”包。Json文件，将其替换为包内的相关文件。json文件:

nodemon --experimental-modules server.js

我最近遇到了这个问题。对我有效的修复是将此添加到插件部分的babel.config.json文件中:

["@babel/plugin-transform-modules-commonjs", {
    "allowTopLevelThis": true,
    "loose": true,
    "lazy": true
  }],

我有一些导入模块与//和错误“不能使用导入模块外”。

为了让你的导入工作并避免其他问题，比如模块不能在Node.js中工作，请注意:

在ES6模块中，你还不能导入目录。你的导入应该是这样的:

import fs from './../node_modules/file-system/file-system.js'

我试了所有的方法，但都没用。

我从GitHub上得到了一个参考。

为了在Node.js中使用TypeScript导入，我安装了以下包。

1. npm i typescript --save-dev

2. npm i ts-node --save-dev

在package.json中不需要type: module

例如,

{
  "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"
  }
}

对我来说。我认为问题出在标准节点可执行文件上。节点target.ts

我用nodemon替换了它，令人惊讶的是它竟然工作了!

使用标准可执行文件(runner)的方式:

node target.ts

使用nodemon可执行文件(runner)的方式:

nodemon target.ts

不要忘记用npm install nodemon;P

注意:这对于开发非常有效。但是，对于运行时，你可以使用编译后的js文件执行node !

我在运行迁移时遇到了这个问题

这是es5 vs es6的问题

下面是我的解决方法

我跑

npm install @babel/register

并添加

require("@babel/register")

在我的.sequelizerc文件的顶部

继续运行我的sequelize migrate。 这也适用于除了sequelize之外的其他事情

巴别塔负责翻译

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

使用Node.js require vs. ES6导入/导出

以下是节选:

“更新2020

自Node v12以来，默认情况下启用了对ES模块的支持，但在撰写本文时仍处于试验阶段。包含节点模块的文件必须以.mjs或最近的包结尾。Json文件必须包含“type”:“module”。Node文档有更多的信息，也包括CommonJS和ES模块之间的互操作。”

如果您正在使用node，请参考本文档。只要在你的节点应用程序中设置babel，它就会工作，它为我工作。

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

节点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

谁试过从"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"来打包的人。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。

从'axios'导入axios;<——置于文件顶部。 例子:

axios.get('https://www.w3schools.com/xml/note.xml').then(resp => {

    console.log(resp.data);
});

我也有同样的问题，我在我的Nodejs应用程序中复制了import语句。我通过使用require而不是import来修复它。

手动升级后，我的NX工作空间出现了这个错误。每个jest.config.js中的以下更改修复了它:

transform: {
  '^.+\\.(ts|js|html)$': 'jest-preset-angular',
},

to

transform: {
  '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
},

如果你想使用BABEL，我有一个简单的解决方案!

记住这是nodejs的例子:像一个expressJS服务器!

如果您打算使用react或其他框架，请查看babel文档!

首先，安装(不要安装不必要的东西，这只会破坏你的项目!)

npm install --save-dev @babel/core @babel/node

只有2个WAO

然后配置你的巴别塔文件在你的回购!

文件名称:

babel.config.json

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

如果你不想使用通天塔文件，使用:

在你的控制台运行，script.js是你的入口点!

npx babel-node --presets @babel/preset-env -- script.js

完整的信息在这里;https://babeljs.io/docs/en/babel-node

对于那些因为Netlify函数中的这个错误而进入这个线程的人，即使在包中添加了“type”:“module”。Json文件，更新你的netlify。Toml使用“esbuild”。因为esbuild支持ES6，所以它可以工作。

[functions]
  node_bundler = "esbuild"

参考: https://docs.netlify.com/functions/build-with-javascript/#automated-dependency-bundling

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

将.js文件重命名为.mjs 在包中。Json文件，添加{type:module}

取出"module": "esnext"并确保" modulerresolve ": "node"在其中，这个特定的组合为我做了

当我用npx sequelize db:migrate使用sequelize迁移时，我得到了这个错误，所以我的解决方案是添加行require('@babel/register');导入到.sequelizerc文件中，如下图所示:

请注意，您必须安装通天塔和通天塔寄存器。

如果你正在使用ES6 JavaScript导入:

安装cross-env 在包中。将“test”:“jest”改为“test”:“cross-env NODE_OPTIONS=——experimental-vm-modules jest” 更多的包装。Json，添加这些:

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

解释:

Cross-env允许在不更改NPM命令的情况下更改环境变量。接下来，在文件包中。你改变你的npm命令来启用实验性的ES6对Jest的支持，并配置Jest来做到这一点。

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

我发现了CommonJS和ES6 JavaScript之间的一些差异:

ES6:

在包中添加"type":"module"。json文件 使用“import”从库中使用。 例如:从jwt-decode导入jwt_decode Lambda处理程序方法代码应该这样定义 “出口。Handler = async (event) => {}"

CommonJS:

不要在包中添加"type":"module"。json文件 使用“require”从lib中使用。 示例:const jwt_decode = require("jwt-decode"); lambda处理程序方法代码应该像这样定义: "export const handler = async (event) => {}"

文档很混乱。我使用Node.js在我的计算机上执行一些本地任务。

让我们假设我的旧脚本是test.js。在里面，如果我想用的话

import something from "./mylocalECMAmodule";

它会抛出一个这样的错误:

(node:16012) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
SyntaxError: Cannot use import statement outside a module
...

这不是模块错误，而是Node.js错误。禁止加载“模块”之外的任何东西。

要解决这个问题，只需将旧脚本test.js重命名为test.mjs。

这是所有。

JavaScript模块文件的mime类型错误

该问题的常见根源是“模块”类型JavaScript文件的mime类型不能被处理或交付这些文件的服务器、客户端或ECMAScript引擎识别为“模块”类型。

The problem is the developers of Module JavaScript files incorrectly associated Modules with a new ".mjs" (.js) extension, but then assigned it a MIME-type server type of "text/javascript". This means both .js and .mjs types are the same. In fact the new type for .js JavaScript files has also changed to "application/javascript", further confusing the issue. So Module JavaScript files are not being recognized by any of these systems, regardless of Node.js or Babel file processing systems in development.

主要的问题是，大多数服务器或客户端(现代HTML5浏览器)还不知道这种新的JavaScript“模块”子类型。换句话说，除了JavaScript类型，他们没有办法知道Module文件类型到底是什么!

你得到了你发布的响应，JavaScript引擎说它需要知道这个文件是否是Module类型的JavaScript文件。

The only solution, for server or client, is to change your server or browser to deliver a new Mime-type that trigger ES6 support of Module files, which have an .mjs extension. Right now, the only way to do that is to either create a HTTP content-type on the server of "module" for any file with a .mjs extension and change your file extension on module JavaScript files to ".mjs", or have an HTML script tag with type="module" added to any external <script> element you use that downloads your external .js JavaScript module file.

一旦你欺骗浏览器或JavaScript引擎接受新的Module文件类型，它们就会开始在你使用的JS引擎或Node.js系统中进行脚本杂技表演。