web-dev-qa-db-ja.com

エラー：モジュール 'webpack / lib / node / NodeTemplatePlugin'が見つかりません

Webpackの実行後にこのエラーが発生しました。 Webpackはグローバルにインストールされ、Nodeを実行しています

PS D:\Projects\ng2-admin-master> ng serve
Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\Projects\ng2-admin-master\node_modules\html-webpack-plugin\lib\compiler.js:11:26)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> (D:\Projects\ng2-admin-master\node_modules\html-webpack-plugin\index.js:7:21)
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
PS D:\Projects\ng2-admin-master>
node.jsangular
37
GCJAmarasinghe

Nodeでは、プロジェクトにwebpackをインストールする必要があります。

上記を解決するには、2つのオプションがあります。

  1. グローバルWebパックを削除してローカルにインストールする

    npm uninstall -g webpack npm install --save-dev html-webpack-plugin webpack webpack-dev-server

  2. グローバルwebpack pkgをプロジェクトのノードモジュールにリンクできます。これの欠点は、プロジェクトが最新のwebpackを使用することを余儀なくされることです。これにより、一部の更新に後方互換性がない場合にのみ問題が発生します。

    npm i webpack -g; npm link webpack --save-dev

要件に応じて、html-webpack-pluginを省略できます。

詳細については、こちらをご覧ください github issue page 。

更新（2018年4月）

Webpack 4以降では、webpack-cliをインストールする必要があります。 このページ でキーのマークが付いたオプションを使用する必要がある場合は、webpack-dev-middlewareをインストールすることもできます。

この場合、インストールするコマンドは次のとおりです。

npm install --save-dev webpack webpack-cli html-webpack-plugin webpack-dev-server webpack-dev-middleware。

上記のように、必要に応じてwebpack-dev-middlewareをオプションで追加する必要があります。

58
Raunaqss

ncuを使用してAngularアプリを更新すると、同様の問題に直面しました。最後に、node_modulesとpackage-lock.jsonを削除してパッケージを再インストールすることで解決しました。

PowerShellでこれを実行できます（正しい作業ディレクトリにいることを確認してください）。

rm node_modules -r -force
rm package-lock.json
npm cache verify
npm install
21
Martin Brandl

私は何時間もStack Overflowの異なるスレッドで提案されたほとんどすべてのものを試しましたが、何も機能しませんでした。最終的に（運が良ければ）私はこれを試しましたが、うまくいきました：

deleted node_modules library (not sure if required)
npm install -g @angular/cli
npm install @angular/cli
npm install
9
Shay

コンテキスト：

Reactアプリケーションでこの問題が発生しました。

Webpackをグローバルおよびローカルにアンインストールし、ローカルフォルダーnode_modulesを削除し、すべてのローカルnpmモジュールを（npm installで）再インストールしようとしました。

これを行うまで何も機能していません...

解決策：

  1. package-lock.jsonとnode_modulesを削除します。
  2. 他のファイルを削除しない（例：package.json、index.js...）
  3. package.json === npm installですべてのパッケージをインストールします（npmはnpm iからインストールに関する情報を抽出します）。
  4. さあ、コードを実行してvoila！ ????
3
Guillem

Package-lock.jsonを削除し、npm installを試して問題を解決します。

0
user3198259

webpack.config.jsを確認し、すべての依存関係がインストールされていることを確認します。

私も同じ問題を抱えていました。 html-webpack-plugin依存関係をインストールすることで解決しました。 webpack.config.jsで定義されていますが、インストールされていません。

0
imdzeeshan

以下は私のために働いた：-

  • Node_modulesを削除しました
  • Package-lock.jsonを削除しました
  • Npm installを実行します
0
NVCoder