Une brève discussion sur la façon d'utiliser la syntaxe d'importation ES6 dans Node.js-js tutoriel-php.cn

Une brève discussion sur la façon d'utiliser la syntaxe d'importation ES6 dans Node.js

青灯夜游

Libérer： 2021-08-09 19:42:02

avant

2714 Les gens l'ont consulté

Comment utiliser la syntaxe d'importation ES6 dans

Node.js ? Cet article vous expliquera comment utiliser la syntaxe d'importation ES6 dans Node.js. Les

Une brève discussion sur la façon d'utiliser la syntaxe d'importation ES6 dans Node.js

Modules sont des fichiers JavaScript qui exportent une ou plusieurs valeurs. Les valeurs exportées peuvent être des variables, des objets ou des fonctions.

Les applications Node.js sont composées de modules et leur système de modules adopte la spécification CommonJS, qui ne fait pas partie formelle de la spécification du langage JavaScript. [Apprentissage recommandé : "tutoriel Nodejs"]

Dans CommonJS, il existe une méthode globale require(), qui est utilisée pour charger des modules. require()，用于加载模块。

// 加载 path 模块
const path = require(&#39;path&#39;)

Copier après la connexion

而 ECMAScript 模块（简称 ES 模块或 ESM）是 JavaScript 语言规范中添加的一个模块，正在寻求统一和标准化模块在 JavaScript 应用程序中的加载方式。

以下导入语法由以下 ES 模块标准组成，用于导入从不同 JavaScript 文件导出的模块：

import XXX from &#39;xxx&#39;

Copier après la connexion

Node.js 不支持直接导入 ES6。尝试在 JS 文件中编写 import 语法：

// index.js
import { sep } from &#39;path&#39;

console.log(&#39;print: &#39;, sep)

Copier après la connexion

使用 npm start 或 npm run dev 运行 Node.js，您将遇到以下错误：

Une brève discussion sur la façon dutiliser la syntaxe dimportation ES6 dans Node.js

由于我们使用了 ES 模块语法导入 path 模块而导致程序崩溃。

而目前最快速的解决方法是，我们可以使用 Node.js 推荐的方法，在 package.json 文件中设置 "type": "module"。

{
  "type": "module"
}

Copier après la connexion

此解决方案适用于最新的 Node.js 版本 14.x.x 以上的版本（撰写本文时为 15.6.0）。

Une brève discussion sur la façon dutiliser la syntaxe dimportation ES6 dans Node.js

低于 Node v.14 版本的环境

另一个解决这个问题的方法是使用 Babel。它是一个 JavaScript 编译器，允许您使用最新语法编写 JS。它可以在任何用 JavaScript 编写的项目中使用，因此也可以在 Node.js 项目中使用

首先从终端窗口安装以下开发人员依赖项：

$ npm i -D @babel/core @babel/preset-env @babel/node

Copier après la connexion

然后在 Node.js 项目的根目录下创建一个名为 babel.config.json 的文件，并添加以下内容：

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

Copier après la connexion

@babel/node 包是一个 CLI 实用程序，它在运行 Node.js 项目之前用 Babel 预设和插件编译 JS 代码。这意味着它将在执行 Node 项目之前读取并应用 babel.config.json 中提到的任何配置。

使用 babel-node 替换该 node，以在 start 或 dev 脚本中执行服务器。

使用 npm run dev

{
  "scripts": {
    "dev": "nodemon --exec babel-node server.js"
  }
}

Copier après la connexion

Et le module ECMAScript (ES Module ou ESM en abrégé) est un module ajouté à la spécification du langage JavaScript qui cherche à unifier et à standardiser la façon dont les modules sont chargés dans les applications JavaScript.

La syntaxe d'importation suivante comprend les normes de module ES suivantes pour l'importation de modules exportés à partir de différents fichiers JavaScript : rrreee

Node.js ne prend pas en charge l'importation directe d'ES6. Essayez d'écrire import dans le fichier JS Syntaxe : 🎜rrreee🎜Utilisez npm start ou npm run dev pour exécuter Node.js, vous rencontrerez ce qui suit Erreur : 🎜🎜 Une brève discussion sur la façon dutiliser la syntaxe dimportation ES6 dans Node.js