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 における char と varchar の違い

CHAR 型と VARCHAR 型は似ていますが、主に格納場所、末尾のスペース、取得方法が異なります...

読めばわかるVueの8つのヒント

1. v-forでは常に:keyを使用するデータを操作する必要があるときにプログラムを一定かつ予測可...

meta name="" content="の機能の詳細な説明

1. 文法: <meta name="名前" content="...

CSS で子 div の高さを親コンテナの残りのスペースに合わせる方法

1. フローティング方式を使用する効果画像: コードは次のとおりです: (.content の高さは...

Vueプロジェクトが完了した後にプロジェクトを最適化する方法の例

目次1. 開発モードとリリースモードに異なるパッケージエントリポイントを指定する2. 外部CDNリソ...

JavaScript リフレクション学習のヒント

目次1. はじめに2. インターフェース3. 簡単な例4. 結論1. はじめにMDN の公式 Web...

JS 継承の詳細

目次序文準備する要約する継承方法プロトタイプ継承プロトタイプチェーン継承コンストラクタの借用(クラス...

美容・スタイリングウェブサイト向けのカラーマッチングテクニックと効果表示

色はあらゆるウェブサイトにとって最も重要な要素の 1 つであり、閲覧者に大きな影響を与えるため、色の...

njs モジュールを使用して nginx 構成に js スクリプトを導入する

目次序文1. NJSモジュールをインストールする方法1: NJSモジュールを動的にロードする方法2:...

測定画像HTTPリクエスト

一般的なブラウザでテスト ページを開き、Fiddler で http リクエストを表示してください。...

MySQL DMLステートメントの使用に関する詳細な説明

序文:前回の記事では、注意深い学生であれば発見できたかもしれない DDL ステートメントの使用法を中...

Centos7.4 システムに yum ソースから mysql 5.6 をインストールする

システム環境: centos7.4 1. データベースがインストールされているかどうかを確認します。...

MySQLデータベースの基礎知識と操作のまとめ

この記事では、例を使用して、MySQL データベースの基本的な知識と操作について説明します。ご参考ま...

Linuxの簡単な分析でファイアウォールの状態と外部に開いているポートの状態を確認する

1. ファイアウォールの状態を確認するファイアウォールのステータスを確認する systemctl s...

js+ca​​nvas でコードレイン効果を実現

この記事では、js+ca​​nvasコードの雨効果の具体的なコードを参考までに共有します。具体的な内...