webpack錯誤意外令牌

試圖調試幾個小時這個錯誤無法找到它有什麼問題。奇怪的錯誤！ app.jswebpack錯誤意外令牌

var React = require('react'); 

var app = React.createClass({ 
    render() { 
     return (<h1>Hello World from Reach</h1>); 
    } 
}) 

module.export = app;

APP-client.js

var React = require('react'); 
var App = require('./components/app'); 

React.render(<App />, document.getElementById('react-container'));

ERROR in ./app-client.js 
Module build failed: SyntaxError: /Users/alice/reactjs/app-client.js: Unexpected token (4:13) 
2 | var app = require('./components/app'); 
3 | 
4 | React.render(<app/>, document.getElementById('react-container'));

來源

2016-01-22 Alien Xu

什麼在./components/app？ –

應該是'App'嗎？ – pherris

將'var app = require（'./ components/app'）'替換爲'var App = require（'./ components/app'）';和 '' - >''據此 –

你有語法錯誤的錯誤。在創造了app.js文件類取代render()到render: function() 所以你app分配應該看起來像下面的代碼：

var app = React.createClass({ 
    render: function(){ 
     return (<h1>Hello World from Reach</h1>); 
    } 
})

來源

2016-01-22 11:58:31

render（）{}沒有任何問題。這是ES6。 –

我認爲這個問題是在你的webpack.config.js。爲了成功構建jsx和ES6，您需要添加更多的裝載器。這裏是我建議的js loader配置，看看它是否適合你。

loaders: [ 
    { 
     test: /.jsx?$/, 
     loader: 'babel-loader', 
     exclude: /node_modules/, 
     query: {     
      presets: ['es2015', 'react', 'stage-0'] 
     } 
},

的ES2015預設handles ES2015 features, you need to install via npm as described here. 你一定需要react preset to parse jsx. Stage 0 handles some of the latest javascript features.

確保作爲鏈接描述您通過NPM安裝這些改變你的網頁pack.config.js。

來源

2016-01-23 10:40:27 Mark

webpack錯誤意外令牌

回答

相關問題