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 を変更/設定する方法について簡単に説明します。

推薦する

jQuery キャンバスは QR コード付きのポスターを生成します

この記事では、jQuery キャンバスを使用して QR コード付きのポスターを生成するための具体的な...

IIS サーバーから apk ファイルをダウンロードする際の 404 エラーの解決策

最近、IIS をサーバーとして使用すると、apk ファイルがサーバーにアップロードされましたが、ダウ...

JS が WeChat の「クソ爆弾」機能を実装

みなさんこんにちは、Qiufengです。最近、WeChatは新しい機能をリリースしました(WeCha...

Linux で SSH 経由でリモート ファイルシステムをマウントする方法の詳細な説明

SSHFS の機能: FUSE(Linux向けの最高のユーザー空間ファイルシステムフレームワーク)を...

Nginx 経由で Tomcat9 クラスターを構築し、セッション共有を実現する

Nginx を使用して Tomcat9 クラスターを構築し、Redis を使用してセッション共有を実...

Linux環境でglogログライブラリを使用する方法

Linuxライブラリを生成するLinux版はcentos7.3を使用し、コンパイルしてライブラリを生...

Apache Bench ストレステストツールの実装原理と使用状況分析

1: スループット(1秒あたりのリクエスト数)サーバーの同時処理能力を定量的に表したもので、reqs...

HTML コード内のスペースと空白行についての簡単な説明

HTML コード内の連続するスペースまたは空白行 (改行) はすべて 1 つのスペースとして表示され...

さまざまなReact状態マネージャーの解釈と使用方法

まず、状態マネージャーとは何か、そしてそれが何をするのかを知る必要があります。複数のページで同じプロ...

ウェブサイトの高速化における CDN、SCDN、DCDN の違いは何ですか?どうやって選ぶ?

1. CDNこれは、Web サイト上で最もよく使用される加速機能です。分散サーバー レイアウトによ...

VSCode の Remote-SSH を使用して Linux に接続し、リモート開発を行う

Remote-SSHをインストールして設定するまず VSCode を開き、拡張機能を見つけて、Rem...

JavaScript クリップボードの使用法の詳細な説明

(1)はじめに: clipboard.js は、テキストをクリップボードにコピーする機能を実装する軽...

完全なショッピングカートを実装するためのミニプログラム

ミニプログラムは、参考までに完全なショッピングカート[すべて選択/選択解除して金額を計算/加算と減算...

CSS3は水平方向の中央揃え、垂直方向の中央揃え、水平方向と垂直方向の中央揃えのサンプルコードを実装しています。

フロントエンドの担当者であれば、面接でも仕事中でも、「CSS を使用して中央揃えにする」という効果に...

デザイン理論: なぜ私たちは間違った場所を見ているのでしょうか?

数日前、バスで仕事に行きました。バスのカードリーダーの実際の使用シーンを実際に見て、カードリーダーの...