错误:SyntaxError:未预期的令牌导入或SyntaxError:未预期的令牌导出

解决方案:以更改所有导入为例

const express               = require('express');
const webpack               = require('webpack');
const path                  = require('path');
const config                = require('../webpack.config.dev');
const open                  = require('open');

同时修改export default = foo;模块。出口= foo;

My project uses node v10.21.0, which still does not support ES6 import keyword. There are multiple ways to make node recognize import, one of them is to start node with node --experimental-modules index.mjs (The mjs extension is already covered in one of the answers here). But, this way, you will not be able to use node specific keyword like require in your code. If there is need to use both nodejs's require keyword along with ES6's import, then the way out is to use the esm npm package. After adding esm package as a dependency, node needs to be started with a special configuration like: node -r esm index.js

只需安装更高版本的Node。直到Node v10 es6不支持。您需要禁用一些标志或使用

如果你可以使用'babel'，试着在package.json(——presets=es2015)中添加构建脚本，如下所示。它可以预编译导入代码到es2015

"build": "babel server --out-dir build --presets=es2015 && webpack"

我很惊讶esm竟然没有被提到。这个小但功能强大的包允许您使用import或require。

在项目中安装esm

$ NPM install——保存esm

更新您的节点启动脚本以使用esm

Node -r esm app.js

Esm就是管用。我在.mjs和——experimental-modules上浪费了大量的时间，却发现.mjs文件不能导入使用require或module.exports的文件。这是一个大问题，而esm允许你混合和匹配，它只是解决它…Esm就是管用。

我要在最初的问题中解决另一个问题，没有人问过这个问题。最近在我自己的NodeJS项目中从CommonJS转换到ESM后，我很少看到关于你不能像require那样把导入放在你想要的任何地方的讨论。我的项目现在使用导入工作得很好，但是当我使用问题中的代码时，我首先得到一个没有命名函数的错误。命名函数后，我收到以下…

import express from 'express'
       ^^^^^^^

SyntaxError: Unexpected identifier
    at Loader.moduleStrategy (internal/modules/esm/translators.js:88:18)

您不能像需要的那样在函数中导入。它们必须放在文件的顶部，在代码块之外。我自己在这个问题上也浪费了不少时间。

因此，虽然上面所有的答案都能很好地帮助您在项目中导入，但没有一个能解决原始问题中的代码不能像编写的那样工作的问题。