我用react-redux、redux创建了reactjs应用程序。
启动reactjs项目时,在索引文件的第13行出现意外的令牌错误。
索引文件如下。
ERROR in ./src/index.js
Module build failed: SyntaxError: D:/Reactjs_work/
/src/index.js: Unexpected token (13:2)
11 |
12 | ReactDOM.render(
> 13 | <Provider store={createStoreWithMiddleware(reducers)}>
| ^
14 | <App />
15 | </Provider>
16 | , document.querySelector('.container'));
@ multi main
webpack: Failed to compile.
以下是index.js文件
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import App from './components/app';
import reducers from './reducers';
const createStoreWithMiddleware = applyMiddleware()(createStore);
ReactDOM.render(
<Provider store={createStoreWithMiddleware(reducers)}>
<App />
</Provider>
, document.querySelector('.container'));
我已经在这里完成了以下主题。但没有成功。Reactjs:意外的标记“
https://stackoverflow.com/questions/20905227/reactjs-unexpected-token-errorReactJS 语法错误:意外的令牌 https://stackoverflow.com/questions/43867515/reactjs-syntax-error-unexpected-token
webpack.config.js
module.exports = {
entry: [
'./src/index.js'
],
output: {
path: __dirname,
publicPath: '/',
filename: 'bundle.js'
},
module: {
loaders: [{
exclude: /node_modules/,
loader: 'babel'
}]
},
resolve: {
extensions: ['', '.js', '.jsx']
},
devServer: {
historyApiFallback: true,
contentBase: './'
}
};