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

debugcn 投稿 Dev

GCJAmarasinghe：

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>

Raunaqss：

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

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

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

npm uninstall -g webpack npm install --save-dev html-webpack-plugin webpack webpack-dev-server
グローバルwebpack pkgをプロジェクトのノードモジュールにリンクできます。これの欠点は、プロジェクトがほとんどの更新されたWebpackを使用する必要があることです。これにより、一部の更新に下位互換性がない場合にのみ問題が発生します。

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

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

詳細については、このgithubの問題のページをご覧ください。

アップデート（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要件に基づいてオプションで追加する必要があります。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]