2016-10-01 15 views
2

webpack --watchを実行すると、エラーがCannot resolve module 'js/app.js'になりました。そして、私のapp.min.jsは私がnpm run devを実行したときに遵守しませんでした。webpack configのエラーがモジュールを解決できません

私はgit repoを作成したとエントリファイルへの相対パスが続いcontextthe entry path should start with a ./を使用している場合、これは私のwebpack.config.js

var debug = process.env.NODE_ENV !== "production"; 
var webpack = require('webpack'); 
var path = require('path'); 

module.exports = { 
    context: path.join(__dirname, "src"), 
    devtool: debug ? "inline-sourcemap" : null, 
    entry: "js/app.js", //what's wrong with this line? 
    module: { 
    loaders: [ 
     { 
     test: /\.jsx?$/, 
     exclude: /(node_modules|bower_components)/, 
     loader: 'babel-loader', 
     query: { 
      presets: ['react', 'es2015', 'stage-0']  } 
     } 
    ] 
    }, 
    output: { 
    path: __dirname + "src", 
    filename: "app.min.js" //this is not even complied? 
    }, 
    plugins: debug ? [] : [ 
    new webpack.optimize.DedupePlugin(), 
    new webpack.optimize.OccurenceOrderPlugin(), 
    new webpack.optimize.UglifyJsPlugin({ mangle: false, sourcemap: false }), 
    ], 
}; 
+1

'エントリ:「./src/js/app.js」これを解決する

module.exports = { context: path.join(__dirname, "src"), devtool: debug ? "inline-sourcemap" : null, entry: "./js/app.js", ... } 

もう一つの方法は、contextキーを使用し、そのようentryキーに絶対パスを持たずにいます、 ' – seti

+0

@setiエントリモジュールのエラーが見つかりません:エラー:'ファイル 'または'ディレクトリ 'を解決できません./src/js/app.js/Users/myname/Documents/react-webpack-babel-starter/src –

+0

@seti任意の手がかり? –

答えて

1

です。

entry: path.join(__dirname, 'src/js/app.js') 
+0

'babel-core' npmモジュール(' npm i -D babel-core')をインストールすることを忘れないでください。エラーが発生しました。あなたがあなたの[package.json](https://github.com/eldyvoon/react-webpack-babel-starter/blob/master/package.json)ファイルの依存としてそれを見逃しているようです。 – dzv3

+0

なぜベベルコアが必要ですか? –

+0

これは最初の問題を解決しました。私のapp.min.jsはまだ生成されていません。 –

関連する問題