2016-09-01 10 views
4

私は反応してwebpackに新しいです。私はプログラムを実行するたびに、私は解決できないこの問題が発生します。私は以前の質問に進み、解決策を試しましたが、それでも問題は変わりません。予期しないトークンのインポート - 反応します

webpack 

module.exports = { 
    entry: './src/App.js', 
    output: { 
     path: __dirname, 
     filename: 'app.js', 
}, 
    module: { 
     loaders: [ 
      { 
       test: /\.jsx?$/, 
       exclude: /node_modules/, 
       loader: 'babel', 
       query: { 
        presets: ['es2015', 'stage-0', 'react'] 
       }, 
      }, 
      { 
       test: /\.css$/, 
       loader: 'style-loader!css-loader', 
      }, 
     ], 
    }, 
}; 

App.js 

import React from 'react'; 
import ReactDOM from 'react-dom'; 

var CommentBox = React.createClass({ 
    render: function() { 
     return (
      <div className="CommentBox"> 
       Hello, world!I am Comment Box. 
      </div> 
     ); 
    } 
}); 

ReactDOM.render(<CommentBox/>, document.getElementById('app')); 


package.json 
{ 
"name": "React-Examples", 
"version": "1.0.0", 
"description": "", 
"main": "index.js", 
"scripts": { 
"test": "echo \"Error: no test specified\" && exit 1" 
}, 
"author": "Rakesh", 
"license": "ISC", 
"devDependencies": { 
"babel-cli": "^6.14.0", 
"babel-core": "^6.14.0", 
"babel-loader": "^6.2.5", 
"babel-preset-es2015": "^6.14.0", 
"babel-preset-react": "^6.5.0", 
"webpack": "^1.13.1", 
"webpack-dev-server": "^1.14.1" 
}, 
"dependencies": { 
"react": "^15.1.0", 
"react-dom": "^15.1.0" 
}} 
+0

'test:/ \。jsx?$ /'を 'test:/ .js?$ /'に変更するとどうなりますか? – Gregg

+0

はまだ同じではありません。 –

+0

エラーメッセージの詳細を教えてください。スクリーンショットや何か?それはあなたに行番号を与えますか?そしてあなたのコードはすべて一緒に囲まれています。アプリの構造を理解するのが少し難しくなります。 – Gregg

答えて

0

ファイルをコピーしてインストールしました。

「npm install」は依存関係をインストールするだけで、devDependenciesはインストールされません。それは時々起こります...そして、それはここの場合かもしれません。

あなたは

npm install --only=dev 

また、あなたが一つのパッケージに含まれていない、バベル・プリセット・ステージ0

npm install babel-preset-stage-0 --save-dev 

を試してから、再度実行のWebPACKを試すことはできますか?

関連する問題