Webpack-cliが正常にインストールされたら、詳細についてはwebpack -vエラーケースを確認してください。

Webpack-cliが正常にインストールされたら、詳細についてはwebpack -vエラーケースを確認してください。

質問

1. webpack webpack-cliをインストールする

npm install -g webpack webpack-cli

ここに画像の説明を挿入

2. webpackのバージョンを確認する

webpack -v

エラーを報告する

ローカルの cli.js ファイルに、次の内容を入力します。
                        。交換する(
                        ^

構文エラー: 無効な正規表現: /(\p{Uppercase_Letter}+|\p{Lowercase_Letter}|\d)(\p{Uppercase_Letter}+)/: 無効なエスケープ
    pathToArgumentName (/usr/local/lib/node_modules/webpack/lib/cli.js:66:4) で
    addFlag で (/usr/local/lib/node_modules/webpack/lib/cli.js:170:16)
    トラバース時 (/usr/local/lib/node_modules/webpack/lib/cli.js:243:21)
    トラバース時 (/usr/local/lib/node_modules/webpack/lib/cli.js:299:23)
    トラバース時 (/usr/local/lib/node_modules/webpack/lib/cli.js:248:24)
    Object.getArguments (/usr/local/lib/node_modules/webpack/lib/cli.js:308:2) で
    Object.<anonymous> (/usr/local/lib/node_modules/webpack-cli/lib/utils/cli-flags.js:245:30) で
    Module._compile (/usr/local/lib/node_modules/webpack-cli/node_modules/v8-compile-cache/v8-compile-cache.js:192:30) で
    Object.Module._extensions..js (internal/modules/cjs/loader.js:665:10) で
    Module.load (internal/modules/cjs/loader.js:566:32) で

解決する

1. ノードのバージョンを確認する

ノード -v
バージョン9.11.2

Nodeのバージョンが最新ではないことが判明しました。公式ウェブサイトからNodeの最新バージョン(LTS)をダウンロードしてインストールしてください。

ノード -v
v14.15.0

2. npmをアップグレードする

npm i -g npm

3. webpackのバージョンを確認する

ウェブパック -v

webpack-cli 4.2.0

ウェブパック 5.4.0

Webpack-cli のインストールが成功した後に webpack -v エラーが発生するケースを確認する方法については、これで終わりです。Webpack-cli のインストールが成功した後に webpack -v エラーが発生するケースを確認する方法については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • webpack および webpack-cli モジュールのソースコード分析に関する簡単な説明
  • webpack パッケージングにおける webpack-cli の役割の概要

<<:  Linux環境にMySQLデータベースをインストールする詳細なチュートリアル

>>:  Linux で環境変数 JAVA_HOME を変更/設定する方法について簡単に説明します。

推薦する

MySQLを水平から垂直に、垂直から水平に変換する方法

データの初期化 `test_01` が存在する場合はテーブルを削除します。 テーブル「test_01...

JavaScript の 7 つのデータ型の詳細な説明

目次序文:詳しい紹介:練習する:要約する序文: Python、Java、Cシリーズなど、すべての主要...

純粋な CSS3 でペットの鶏のサンプルコードを実現

最近、CSS3に関する知識や記事をたくさん読んできましたが、CSS3はとても便利に使えると思います。...

jQueryは、マウスをドラッグしてdivの位置とサイズを変更する方法を実装しています。

Windows フォームと同様の効果を得るには、中央をドラッグして div の位置を変更し、端をド...

Vue命令の動作原理と実装方法

Vue の紹介現在のビッグフロントエンドの時代は、混乱と衝突の時代です。世界は多くの派閥に分かれてお...

Dockerでmongodbデータベースを使用するための実装コード

mongoイメージを取得する sudo docker pull mongo mongodbサービスを...

Linux コンパイル最適化で習得しなければならないいくつかの姿勢のまとめ

01. コンパイルオプションとカーネルコンパイルLinux カーネル (英語: linux kern...

画面なしで無線ネットワークに接続しているときに Raspberry Pi の IP アドレスを見つける方法

あなたがlinuxerだと仮定すると、 windowserだとは想定しません。Windows ユーザ...

jQueryは従業員情報の追加と削除の機能を実装します

この記事では、従業員情報の追加と削除の機能を実装するためのjQueryの具体的なコードを参考までに共...

HTML+CSS マージテーブル境界線サンプルコード

table タグと td タグに境界線を追加すると、デフォルトでは次のように二重境界線が使用されます...

JavaScript 操作要素の例

操作要素の詳細については、前回の記事を参照してください。JavaScript WebAPI、DOM、...

MySQL の 2 種類の一時テーブルの使用方法の詳細な説明

外部一時テーブルCREATE TEMPORARY TABLE によって作成された一時テーブルは、外部...

Javascript ファイルと Blob の詳細な説明

目次ファイル()文法パラメータ例ブロブ()文法パラメータ財産方法例要約するファイル() File()...

Mac に MySQL データベースをインストールし、環境変数を設定するためのグラフィック チュートリアル

目次MySQLをインストールする環境変数の設定MySQLをインストールするmysqlをダウンロードし...

Webフロントエンド開発におけるエラーを見つけるための基本的な考え方

WEB開発は主に2つのインタラクション(B/Sデータ)から構成されますブラウザ: 1html、css...