単純な反応アプリで無効な設定オブジェクトエラー

私はReactJSに単純な "Hello World"コードを書き込んでいますが、これはエラーを投げています。何が問題なのか教えてください。単純な反応アプリで無効な設定オブジェクトエラー

エラー：

Invalid configuration object. Webpack has been initialised using a configuration 
object that does not match the API schema. 
- configuration.output.path: The provided value "./app" is not an absolute path 
! 
npm ERR! code ELIFECYCLE 
npm ERR! errno 1 
npm ERR! [email protected] start: `webpack-dev-server` 
npm ERR! Exit status 1 
npm ERR! 
npm ERR! Failed at the [email protected] start script. 
npm ERR! This is probably not a problem with npm. There is likely additional log 
ging output above. 

npm ERR! A complete log of this run can be found in: 
npm ERR!  C:\Users\username\AppData\Roaming\npm-cache\_logs\2017-08-23T07_10 
_18_206Z-debug.log

webpack.config.jsファイル

module.exports = { 
    entry: './app/main.js', 
    output: { 
    path: './app', 
    filename: 'bundle.js' 
    }, 
    devServer: { 
    inline: true, 
    contentBase: './app', 
    port: 8080 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel' 
     } 
    ] 
    } 
}

出典

2017-08-23 Agha

私は強くあなたが以下のようにNPMからのパスを使用することをお勧め、

const path = require('path');

あなたの出力は

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

これで問題は解決します。

出典

2017-08-23 07:28:56

を行うことを忘れないでください** NPMインストールパス** –

今サーバーが開始されたが、それでも私はこのエラーを取得しています：？ 'マルチ（WebPACKの）でERROR -dev、サーバー/クライアントのhttp：// localhost：8080 ./app/main.js モジュールが見つかりません：エラー： 'C：\ Users \ username \ Desktop \ re'の 'babel'を解決できません。 actRouting ' 改ざん変更：ローダーをに使用すると '-loader'という接尾辞が付きます。 'babel'の代わりに 'babel-loader'を指定する必要があります。 https://webpack.js.org/guides/migrating/#automatic-loader-m モジュール名拡張子を削除しました @ multi webpack）-dev-server/client？http：// localhost：8080。/ app/main.js' – Agha

ローダーを使用する：[ { test：/\.js$/、 exclude：/ node_modules /、ローダー： 'babel-loader' } ] ' –

単純な反応アプリで無効な設定オブジェクトエラー

答えて

関連する問題