ホームページ ウェブフロントエンド jsチュートリアル Node.js で ES6 インポート構文を使用する方法についての簡単な説明

Node.js で ES6 インポート構文を使用する方法についての簡単な説明

Aug 09, 2021 am 10:12 AM
import node.js

Node.js で ES6 インポート構文を使用する方法?この記事では、Node.js で ES6 インポート構文を使用する方法を紹介します。

Node.js で ES6 インポート構文を使用する方法についての簡単な説明

モジュールは、1 つ以上の値をエクスポートする JavaScript ファイルです。エクスポートされる値は、変数、オブジェクト、または関数です。

Node.js アプリケーションはモジュールで構成されており、その モジュール システム は、JavaScript 言語仕様の正式な部分ではない CommonJS 仕様を採用しています。 [推奨学習: "nodejs チュートリアル "]

CommonJS には、モジュールをロードするために使用されるグローバル メソッド require() があります。

// 加载 path 模块
const path = require('path')
ログイン後にコピー

ECMAScript モジュール (ES モジュールまたは ESM と呼ばれる) は、JavaScript アプリケーションでモジュールをロードする方法を統一および標準化することを目的として、JavaScript 言語仕様に追加されたモジュールです。

次のインポート構文は、さまざまな JavaScript ファイルからエクスポートされたモジュールをインポートするための次の ES モジュール標準で構成されています。

import XXX from 'xxx'
ログイン後にコピー

Node.js は ES6 の直接インポートをサポートしていません。 JS ファイルに import を記述してみてください。 構文:

// index.js
import { sep } from 'path'

console.log('print: ', sep)
ログイン後にコピー

Node.js を実行するには、npm start または npm run dev を使用します。次のエラー:

Node.js で ES6 インポート構文を使用する方法についての簡単な説明

ES モジュール構文を使用して path モジュールをインポートしたため、プログラムがクラッシュしました。

現時点で最も速い解決策は、Node.js が推奨する方法 を使用し、package.json ファイルに "type" を設定することです。モジュール「.

{
  "type": "module"
}
ログイン後にコピー

このソリューションは、最新の Node.js バージョン 14.x.x 以降 (執筆時点では 15.6.0) で動作します。

Node.js で ES6 インポート構文を使用する方法についての簡単な説明

#Node v.14 以下の環境

この問題を解決する別の方法は、

Babel を使用することです。最新の構文を使用して JS を記述できる JavaScript コンパイラーです。これは JavaScript で記述された任意のプロジェクトで使用できるため、Node.js プロジェクトでも使用できます。

最初にターミナル ウィンドウから次の開発者の依存関係をインストールします:

$ npm i -D @babel/core @babel/preset-env @babel/node
ログイン後にコピー

次に、Node で次の名前のファイルを作成します。

babel.config.json を js プロジェクトのルート ディレクトリに配置し、次の内容を追加します:

module.exports = {
  "presets": ["@babel/preset-env"]
}
ログイン後にコピー

@babel/node このパッケージは、コンパイルする CLI ユーティリティです。 Node.js プロジェクトを実行する前の、Babel プリセットとプラグインを含む JS コード。これは、Node プロジェクトを実行する前に、babel.config.json に記載されている構成を読み取って適用することを意味します。

start

または dev スクリプトでサーバーを実行するには、nodebabel-node に置き換えます。

npm run dev

スクリプトを使用してノード サーバーを実行する例:

{
  "scripts": {
    "dev": "nodemon --exec babel-node server.js"
  }
}
ログイン後にコピー
プログラミング関連の知識の詳細については、次を参照してください: プログラミング ビデオ

! !

以上がNode.js で ES6 インポート構文を使用する方法についての簡単な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Nodeのメモリ制御に関する記事 Nodeのメモリ制御に関する記事 Apr 26, 2023 pm 05:37 PM

ノンブロッキングおよびイベント駆動に基づいて構築されたノード サービスには、メモリ消費量が少ないという利点があり、大量のネットワーク リクエストの処理に非常に適しています。大量のリクエストを前提として、「メモリ制御」に関する問題を考慮する必要があります。 1. V8 のガベージ コレクション メカニズムとメモリ制限 Js はガベージ コレクション マシンによって制御されます

Node V8 エンジンのメモリと GC の詳細な図による説明 Node V8 エンジンのメモリと GC の詳細な図による説明 Mar 29, 2023 pm 06:02 PM

この記事では、NodeJS V8 エンジンのメモリとガベージ コレクター (GC) について詳しく説明します。

Node の File モジュールについて詳しく説明しましょう Node の File モジュールについて詳しく説明しましょう Apr 24, 2023 pm 05:49 PM

ファイル モジュールは、ファイルの読み取り/書き込み/開く/閉じる/削除の追加など、基礎となるファイル操作をカプセル化したものです。ファイル モジュールの最大の特徴は、すべてのメソッドが **同期** と ** の 2 つのバージョンを提供することです。 asynchronous**、sync サフィックスが付いているメソッドはすべて同期メソッドであり、持たないメソッドはすべて異種メソッドです。

最適な Node.js Docker イメージを選択する方法について話しましょう。 最適な Node.js Docker イメージを選択する方法について話しましょう。 Dec 13, 2022 pm 08:00 PM

ノード用の Docker イメージの選択は些細なことのように思えるかもしれませんが、イメージのサイズと潜在的な脆弱性は、CI/CD プロセスとセキュリティに大きな影響を与える可能性があります。では、最適な Node.js Docker イメージを選択するにはどうすればよいでしょうか?

ノードがnpmコマンドを使用できない場合はどうすればよいですか? ノードがnpmコマンドを使用できない場合はどうすればよいですか? Feb 08, 2023 am 10:09 AM

ノードが npm コマンドを使用できない理由は、環境変数が正しく設定されていないためです。解決策は次のとおりです: 1. 「システムのプロパティ」を開きます; 2. 「環境変数」->「システム変数」を見つけて、環境を編集します。変数; 3.nodejs フォルダーの場所を見つけます; 4.「OK」をクリックします。

Node.js の GC (ガベージ コレクション) メカニズムについて話しましょう Node.js の GC (ガベージ コレクション) メカニズムについて話しましょう Nov 29, 2022 pm 08:44 PM

Node.js はどのように GC (ガベージ コレクション) を行うのでしょうか?次の記事で詳しく説明します。

Nodeのイベントループについて話しましょう Nodeのイベントループについて話しましょう Apr 11, 2023 pm 07:08 PM

イベント ループは Node.js の基本的な部分であり、メイン スレッドがブロックされていないことを確認することで非同期プログラミングが可能になります。イベント ループを理解することは、効率的なアプリケーションを構築するために重要です。次の記事では、Node のイベント ループについて詳しく説明します。お役に立てれば幸いです。

pkg を使用して Node.js プロジェクトを実行可能ファイルにパッケージ化する方法について説明します。 pkg を使用して Node.js プロジェクトを実行可能ファイルにパッケージ化する方法について説明します。 Dec 02, 2022 pm 09:06 PM

Nodejs実行可能ファイルをpkgでパッケージ化するにはどうすればよいですか?次の記事では、pkg を使用して Node プロジェクトを実行可能ファイルにパッケージ化する方法を紹介します。

See all articles