如何在节点中使用es6导入？

Question

我试图在节点中获取es6导入的挂起,并尝试使用此示例中提供的语法:

Cheatsheet链接:https://hackernoon.com/import-export-default-require-commandjs-javascript-nodejs-es6-vs-cheatsheet-different-tutorial-example-5a321738b50f

我正在查看支持表:http://node.green/,但无法找到支持新导入语句的版本(我尝试查找文本import/require)我目前正在运行节点8.1. 2并且还认为,由于cheatsheet是指.js文件,它应该与.js文件一起使用.

当我运行代码时(取自cheatsheet的第一个例子):

import { square, diag } from 'lib';

我收到错误:SyntaxError:意外的令牌导入.

参考lib我正在尝试导入:

//------ lib.js ------
export const sqrt = Math.sqrt;
export function square(x) {
    return x * x;
}
export function diag(x, y) {
    return sqrt(square(x) + square(y));
}

我缺少什么,如何让节点识别我的import语句？

Answer 1

Node.js包含了对ES6支持的实验性支持.在此处阅读更多信息:https://nodejs.org/api/esm.html.

TLDR; 使用带.mjs扩展名的ES6模块保存文件并运行它:

node --experimental-modules my-app.mjs

Node.js不支持ES6模块.詹姆斯的这篇博客描述了它的原因.虽然您可以使用Babel来使用ES6模块语法.

Answer 2

您还可以使用名为esm的 npm包,它允许您在节点中使用ES6模块.它不需要配置.使用esm,您将能够在JS文件中使用导出/导入.

在终端上运行以下命令

yarn add esm 

要么

npm install esm

之后,在使用节点启动服务器时需要此包.例如,如果节点服务器运行index.js文件,则可以使用该命令

node -r esm index.js

你也可以像这样在package.json文件中添加它

{
  "name": "My-app",
  "version": "1.0.0",
  "description": "Some Hack",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start": "node -r esm index.js"
  },

}

您也可以从终端运行此命令以启动节点服务器

npm start

查看此链接了解更多详情

Answer 3

浪费了大约3个小时.

我只是想在js文件中使用import和export.

每个人都说不可能.但是,从2018年5月开始,可以在普通的node.js中使用上面的内容,而不需要像babel等那样的模块.

这是一个简单的方法.

创建以下文件,运行并查看输出.

另外别忘了看Explanation下面.

myfile.mjs

function myFunc() {
    console.log("Hello from myFunc")
}

export default myFunc;

index.mjs

import myFunc from "./myfile.mjs"  // simply using "./myfile" may not work in all resolvers

myFunc();

跑

node  --experimental-modules  index.mjs

产量

(node:12020) ExperimentalWarning: The ESM module loader is experimental.

Hello from myFunc

说明:

1. 由于它是实验模块,.js文件被命名为.mjs文件
2. 在运行时,您将"--experimental-modules"添加到"node index.js"
3. 在输出中使用实验模块运行时,您将看到:"(节点:12020)实验警告:ESM模块加载器是实验性的."
4. 我有当前版本的节点js,所以如果我运行"node --version",它会给我"v10.3.0",尽管LTE /稳定/推荐版本是8.11.2 LTS.
5. 将来的某一天,你可以使用.js代替.mjs,因为你变得稳定而不是实验.
6. 有关实验性功能的更多信息,请参阅:https://nodejs.org/api/esm.html

希望有所帮助.

Answer 4

使用Node v12.2.0，我可以像这样导入所有标准模块：

import * as Http from 'http'
import * as Fs from 'fs'
import * as Path from 'path'
import * as Readline from 'readline'
import * as Os from 'os'

与我之前所做的比较：

const
  Http = require('http')
  ,Fs = require('fs')
  ,Path = require('path')
  ,Readline = require('readline')
  ,Os = require('os')

只要是package.json文件中的以下字段，即可导入是ECMAScript模块的任何模块，而无需使用.mjs扩展名：

"type": "module"

因此，请确保将package.json文件放在与要创建的模块相同的文件夹中。

要导入未使用ECMAScript模块支持进行更新的模块，您可以执行以下操作：

// Implement the old require function
import { createRequire } from 'module'
const require = createRequire(import.meta.url)

// Now you can require whatever
const
  WebSocket = require('ws')
  ,Mime = require('mime-types')
  ,Chokidar = require('chokidar')

当然，请不要忘记使用模块导入来实际运行脚本是必需的（在v13.2之后不再需要）：

node --experimental-modules my-script-that-use-import.js

而且父文件夹需要该package.json文件才能使该脚本不抱怨导入语法：

{
  "type": "module"
}

如果您要使用的模块尚未更新为支持使用import语法导入，则除了使用require之外，您别无选择（但是上面的解决方案没有问题）。

Answer 5

如果您在服务器端使用模块系统,则根本不需要使用Babel.要在NodeJS中使用模块,请确保:

1. 使用支持--experimental-modules标志的节点版本
2. 然后必须将您的.js文件重命名为.mjs

而已.

然而,这是一个很大的问题,而你的闪亮纯ES6代码将在NodeJS等环境中运行(编写9.5.0),你仍然会有疯狂的疯狂只是为了测试.另外请记住,Ecma已经声明Javascript的发布周期会更快,更新的功能会定期发布.虽然对于像NodeJS这样的单一环境来说这不会有问题,但它对于浏览器环境来说却略有不同.显而易见的是,测试框架在追赶方面有很多工作要做.您仍然需要转换测试框架.我建议用jest.

还要注意捆绑框架,你会遇到问题

Answer 6

你可以试试esm.

以下是一些介绍:https: //www.npmjs.com/package/esm

Answer 7

使用.mjs扩展（如已接受的答案中所建议）以启用 ECMAScript 模块工作。但是，使用 Node.js v12，您还可以在package.json文件中全局启用此功能。

在官方文档状态：

如果最近的父 package.json 包含 "type": "module"，.js 和无扩展文件的 import 语句将被视为 ES 模块。

{
  "type": "module",
  "main": "./src/index.js"
}

（当然，您仍然需要--experimental-modules在启动应用程序时提供标志。）

Answer 8

回到Jonathan002的原始问题

"......什么版本支持新的ES6导入语句？"

根据Axel Rauschmayer博士的文章,计划在Node.js 10.x LTS中默认支持它(没有实验命令行标志).根据node.js的发布计划,因为它是在2018年3月29日,它可能在2018年4月之后可用,而它的LTS将在2018年10月开始.

Answer 9

解

https://www.npmjs.com/package/babel-register

// this is to allow ES6 export syntax
// to be properly read and processed by node.js application
require('babel-register')({
  presets: [
    'env',
  ],
});

// after that any line you add below that has typical es6 export syntax 
// will work just fine

const utils = require('../../utils.js');
const availableMixins = require('../../../src/lib/mixins/index.js');

下面是mixins/index.js的定义

export { default as FormValidationMixin } from './form-validation'; // eslint-disable-line import/prefer-default-export

在我的node.js CLI应用程序中运行得很好.

Answer 10

  "devDependencies": {
    "@babel/core": "^7.2.0",
    "@babel/preset-env": "^7.2.0",
    "@babel/register": "^7.0.0"
  }

.babelrc

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

入口点node.js应用

require("@babel/register")({})

// Import the rest of our application.
module.exports = require('./index.js')

链接如何在Node.JS中启用ES6导入 https://timonweb.com/posts/how-to-enable-es6-imports-in-nodejs/

Answer 11

我不知道这是否适用于您的情况，但我正在运行Express.js服务器：

nodemon --inspect ./index.js --exec babel-node --presets es2015,stage-2

这使我能够导入和使用扩展运算符，即使我只使用 Node.js 版本 8。

你需要安装 babel-cli、babel-preset-es2015 和 babel-preset-stage-2 来做我正在做的事情。