我是 React 世界的新手,我有一个无法让我进步的错误。这是我的网页包
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: './'
}
};
这是我的代码js
import React from 'react';
import ReactDOM from 'react-dom';
import SearchBar from './components/search_bar';
const API = '';
const App = () => {
return (
<div>
<SearchBar />
</div>
);
}
ReactDOM.render(<App />, document.querySelector('.container'));
这是错误 https://gyazo.com/be83135be6f0e7b8ca0c2852536c792f
我试过这个解决方案,但它不起作用 babel-loader jsx SyntaxError: Unexpected token
这是一个项目 https://github.com/jmrosdev/Practicas/tree/master/React/youtube-search
再见,谢谢!
最佳答案
失败是因为 Babel 不识别 JSX 语法。所以你需要安装一两个 babel 预设:
npm install --save-dev babel-preset-react babel-preset-es2015
如果您还没有 .babelrc 文件,请在项目的根目录下创建。应该有这个内容
{
"presets": ["es2015", "react"]
}
关于javascript - 意外的 token - React babel,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36023566/