错误: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;

如果你仍然不能使用“import”，下面是我处理它的方法: 只需将其转换为节点友好的要求。例子:

import { parse } from 'node-html-parser';

等于:

const parse = require('node-html-parser').parse;

正如在其他回答中提到的，Node JS目前不支持ES6导入。

(从现在开始，请阅读EDIT 2)

在node js中启用ES6导入可以解决这个问题。我试过这个方法，对我很有效。

执行如下命令:

    npm install babel-register babel-preset-env --save-dev

现在需要创建一个新文件(config.js)，并向其中添加以下代码。

    require('babel-register')({
        presets: [ 'env' ]
    })
    // Import the rest of our application.
    module.exports = require('./your_server_file.js')

现在您可以编写import语句而不会得到任何错误。

希望这能有所帮助。

编辑:

您需要运行使用上述代码创建的新文件。我用的是config.js。所以我得跑了:

    node config.js

编辑2:

在试验过程中，我发现了一个简单的解决方法。

在项目的根目录下创建.babelrc文件。

添加以下(和任何其他你需要的babel预设，可以添加在这个文件中):

    {
        "presets": ["env"]
    }

使用npm Install babel-pre -env——save命令安装babel-cli，然后使用npm Install babel-cli -g——save命令安装babel-cli

现在，转到服务器或索引文件所在的文件夹，使用以下命令运行: babel-node fileName.js

或者你也可以使用npm start运行，在你的包中添加以下代码。json文件:

    "scripts": {
        "start": "babel-node src/index.js"
    }

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

在项目中安装esm

$ NPM install——保存esm

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

Node -r esm app.js

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

在我的情况下，它是看着.babelrc文件，它应该包含这样的东西:

{
  "presets": ["es2015-node5", "stage-3"],
  "plugins": []
}

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

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