2017-02-21 20 views
-1

私はすべてのjavascriptを使用してbundle.jsを生成しようとしています。ここで私が使ったコマンドです。モジュールが見つかりません:エラー: 'webpack'を解決できません

> C:\Users\aaa\node_modules\.bin>"C:\Users\aaa\node_modules\.bin\webpack.cmd" "D:\www\webpack.config.js" "D:\www\bundle.js" 

bundle.jsが生成されましたが、ビルドに失敗しました。ここがエラーです。ここで

C:\Users\aaa\node_modules\.bin>C:\Users\aa\node_modules\.bin\webpack.cmd D:\www\webpack.config.js D:\www\bundle.js 
Hash: 44eb203978bf482447b4 
Version: webpack 2.2.1 
Time: 94ms 
    Asset Size Chunks    Chunk Names 
bundle.js 15 kB  0 [emitted] main 
    [0] ../webpack/~/node-libs-browser/~/path-browserify/index.js 6.18 kB {0} [bu 
ilt] 
    [1] ../webpack/~/node-libs-browser/~/process/browser.js 5.3 kB {0} [built] 
    [2] D:/www/webpack.config.js 567 bytes {0} [built] 

ERROR in D:/www/webpack.config.js 
Module not found: Error: Can't resolve 'webpack' in 'D:\www' 
@ D:/www/webpack.config.js 2:16-34 

は、任意の参照やヒントを教えてください私のwebpack.config.js

const path = require('path'); 
const webpack = require('webpack'); 
module.exports = { 
    context: path.resolve("www", './src'), 
    entry: { 
    app: ['js/index.js', './js/require.js', './js/google-protobuf.js', './js/proto/ByteBufferAB.min.js', 
    './js/proto/Long.min.js', './js/proto/control_1.js', './js/proto/data_1.js', './js/proto/data_hmi_1.js', 
     './js/proto/main_1.js'], 
    }, 
    output: { 
    path: path.resolve("www", './dist'), 
    filename: 'bundle.js', 
    } 
}; 

です。

+0

ユーザー 'aaa'は存在しますか? –

+0

はい.. 'aaa'私は実際のユーザー名を隠すためにのみ使用しました。 –

+0

'D:\ www'に' npm install'を実行しましたか? – fhelwanger

答えて

0

はあなたのコンテキストとoutput.pathを変更しよう:

context: path.resolve(__dirname, './'), 
output: { 
    path: path.resolve(__dirname, './dist'), 
    filename: 'bundle.js', 
    publicPath: '/' 
}, 

その後__dirnameがあなたのファイルがある、あなたの物理的なパスに置き換えられます。

+0

ここでエラーが発生しています "const webpack = require( 'webpack');" –

+0

コンテキスト:resolve(__ dirname、 './')の代わりにcontext:path.resolve( "www"、 './src')というコンテキストを設定しているので、webpackを ' D:\ www ' –

+0

コンテキストの更新後に同じ問題が発生しました:path.resolve( "C:/Users/aaa/node_modules/.bin"、​​ "./")、 –

0

ウェブパックがグローバルにインストールされているかどうかを確認してください。 webpack -v

をまた、あなたはWebPACKのビルドコマンドを実行する必要があります:webpack --config webpack.config.js --progress --colorsをチェックする

コマンド。

コマンドは、webpack.config.jが存在するのと同じディレクトリで実行する必要があります。

あなたの現在のコマンドに従って、あなたのローカルWebpackを使用してください。

関連する問題