reactjs意外的令牌'<' [英] reactjs Unexpected token '<'
本文介绍了reactjs意外的令牌'<'的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我用react-redux,redux创建了reactjs应用程序。
启动reactjs项目时,在索引文件的第13行获得意外的令牌错误。
索引文件是beloow。
i've created reactjs app with react-redux,redux. when starting reactjs project, getting unexpected token error at line 13 on index file. the index file is given beloow.
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文件
following is index.js file
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:意外的令牌'<'错误
ReactJS语法错误:意外令牌
i've gone through following topic over here.but no success. Reactjs: Unexpected token '<' Error ReactJS Syntax Error: Unexpected Token
webpack.config.js
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: './'
}
};
推荐答案
用以下代码替换模块
module: {
loaders: [{
test: /\.(js|jsx)?$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react']
}
}]
},
这篇关于reactjs意外的令牌'<'的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文