web-dev-qa-db-ja.com

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

Webpackを始めたばかりで、 複数エントリポイントのサンプル を作成するのに苦労している。この例のwebpack.config.jsファイルには、次の行が含まれています。

 var CommonsChunkPlugin = require("../../lib/optimize/CommonsChunkPlugin");

これは私のためにエラーで失敗しました

Error: Cannot find module '../../lib/optimize/CommonsChunkPlugin'

周りを探して、私は式でCommonsChunkPluginを使用する他の例を見つけました

var commonsPlugin = new webpack.optimize.CommonsChunkPlugin("common.js");

これはエラーで失敗します

ReferenceError: webpack is not defined

いくつかのより多くの検索は、以下を含むいくつかの例を見つけました

var webpack = require('webpack');

そして私のビルドは失敗します

Error: Cannot find module 'webpack'

進め方について迷います。

node.jswebpack
121
Ed.

グローバルにインストールされたパッケージをあなたのプロジェクトにリンクする

npm link webpack
226
Ruslanas Balčiūnas

Windowsで作業している間、私はwebpackをローカルにインストールし、それは私の問題を修正しました

だから、あなたのコマンドプロンプトで、あなたがwebpackを実行したいディレクトリに行き、webpackを（-gを付けずに）ローカルにインストールして楽しんでください...

59
Ran

一般的なWindowsの問題であるように思われます。これは私のためにそれを修正しました：

NodejsはWindowsにインストールされたモジュールを見つけることができません？

msgstr "" "NODE_PATHという名前の環境変数を追加し、それを%USERPROFILE%\Application Data\npm\node_modules（Windows XP）、%AppData%\npm\node_modules（Windows 7）に設定します、あるいはnpmがあなたのWindowsフレーバーにモジュールをインストールすることになるところはどこでも。 [システムのプロパティ]ダイアログの[詳細設定]タブにあるシステム変数（control.exe sysdm.cpl、System、3を実行します）。

実際にはNODE_PATHの値の範囲内で他の環境変数を使用することはできません。つまり、単に上記の文字列をコピーして貼り付けるのではなく、C:\Users\MYNAME\AppData\Roaming\npm\node_modulesのように実際に解決されたパスに設定してください。

23
Jamie Treworgy

私はOS Xでこの問題を抱えていました、そしてそれは私のグローバルにインストールされたwebpackと私のローカルにインストールされたwebpack-dev-serverの間のバージョンの不一致が原因であるように思われました。両方を最新版にアップデートすることで、この問題は取り除かれました。

8
Cody Sand

ターミナルで以下のコマンドを実行します。

npm install --save-dev webpack

npm install --save-dev webpack-dev-server

7
Sreen Sunki

私はこれらのコマンドを実行し、再インストールすることで同じ問題を解決しました

rm -Rf node_modules
rm -f package-lock.json
npm install

特に-fでは、rmは常に危険なコマンドです、それを実行する前に注意してください!!!!!

6
troy

ノードパッケージをインストールしても、そのパッケージが未定義であるというメッセージがまだ表示されている場合、バイナリへのPATHリンクに問題がある可能性があります。バイナリと実行可能ファイルを明確にするためには、パッケージまたはアプリケーションを実行するという基本的に同じことを実行します。 ei webpack ...ノードパッケージのwebpackを実行します。

WindowsとLinuxの両方に、グローバルバイナリフォルダがあります。 WindowsではC：// Windows/System32、Linuxではusr/binのようなものです。 terminal/command Promptを開くと、そのプロファイルによってPATH変数がグローバルbinフォルダにリンクされるので、そこからパッケージ/アプリケーションを実行できます。

私の考えでは、webpackをグローバルにインストールしても、実行可能ファイルがグローバルバイナリフォルダにうまく配置されていない可能性があります。実行可能ファイルがないと、エラーメッセージが表示されます。別の問題になるかもしれませんが、これを読んでいるのであれば、webpackをグローバルに実行してもうまくいかないと言っても差し支えありません。

この問題に対する私の解決策は、webpackをグローバルに実行するのをやめて、PATHをnode_moduleバイナリー・フォルダー（/node_modules/.bin）にリンクすることです。

WINDOWS：node_modules/.binをPATHに追加します。 ここで は、WindowsでPATH変数を変更する方法についてのチュートリアルです。

LINUX：あなたのプロジェクトルートに行ってこれを実行してください...

export PATH:$PWD/node_modules/.bin:$PATH

Linuxでは、端末を開くたびにこのコマンドを実行する必要があります。 この リンクは、PATH変数を恒久的に変更する方法を示しています。

2
Jed Lynch

Npmコマンドのプロンプトを開き、 - cd solutionフォルダーを開き、NPM cmd prommtでnpm link webpackを実行して再構築します。

1
SAIRAM

ウィンドウズでは、私はあなたがマシンの管理者権限を持っていない（すなわちあなたがローカル管理者ではない）場合この問題が現れることを観察しました。

他の人が示唆しているように、解決策は-gヒントを使用しないでローカルにインストールすることのようです。

1
dev.bv

これを試すことができます。

npm install --only=dev

わたしにはできる。

0
aermin

上で提案されたものは何も私のために働きませんでした（NODE_PATH変数を含む）。私は自分のローカルフォルダからグローバルなAppData（例えば下記）への "node_modules"のsymリンクを作成しました、そしてそれは魅力のように働いた。

C:\Users\mmoinuddin\AppData\Roaming\npm>mklink /D node_modules c:\essportreact\day1\node_modules
symbolic link created for node_modules <<===>> c:\essportreact\day1\node_modules
C:\essportreact\day1>webpack
Hash: 2a82a67f90f9aa05ab4a
Version: webpack 1.15.0
0
Mazhar

Atom IDE terminalを使用してもローカルに依存関係がインストールされないことがわかりました（おそらくバグか私だけ） git bashを外部からインストールしてnpmコマンドを実行することは私にとってもうまくいきました

0
Oladayo agbolade

非常に単純な.NET Core 2.0アプリケーションをVS 2017で構築するには、非常に多くの問題がありました。これはAppVeyorからのエラーですが、基本的にはローカルで同じものでした（セキュリティのために省略されたパス）。

初回のWebpackビルドを実行しています...

module.js：327エラーが発生しました。

EXEC：エラー：モジュール '......../node_modules/webpack/bin/webpack.js'が見つかりません

function.Module._resolveFilename（module.js：325：15）

function.Module._load（module.js：276：25）

function.Module.runMain（module.js：441：10）

起動時（node.js：140：18）

node.jsの：1043：3

csproj（25,5）：エラーMSB3073：コマンド "node node_modules/webpack/bin/webpack.js --config webpack.config.vendor.js"がコード1で終了しました。

ビルドが失敗しました。

私はこの質問に答え 、答えて 、私のローカルインスタンスも{Project Root} -> Dependencies -> npmフォルダの上に同じ警告サインを持っていることに気づきました。右クリックして[パッケージの復元]をクリックすると、すべてが正しく読み込まれ、正常にビルドできました。

0
X3074861X

私にとっては、それは間違ったエラーフィードバックです。

webpack.config.jsに設定エラーがありました、

ファイルを削除して最初からやり直す

0
Liang