babel-loader jsx語法錯誤:意外的令牌我是React + Webpack的初學者。我在我的hello world web應用程序中發現了一個奇怪的錯誤。我在webpack中使用babel-loader來幫助我將jsx轉換為js,但看起來babel無法理解jsx語法。這是我的依賴項:"devDependencies": {
"babel-core": "^6.0.14",
"babel-loader": "^6.0.0",
"webpack": "^1.12.2",
"webpack-dev-server": "^1.12.1"},"dependencies": {
"react": "^0.14.1"}這是我的 webpack.config.jsvar path = require('path');module.exports = {
entry: ['webpack/hot/dev-server',path.resolve(__dirname, 'app/main.js')],
output: {
path: path.resolve(__dirname, 'build'),
filename: 'bundle.js'
},
module: {
loaders: [
{ test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"}
]
}};這是我的 app/main.jsvar React = require("react");React.render(<h1>hello world</h1>,document.getElementById("app"));這是錯誤信息ERROR in ./app/main.jsModule build failed: SyntaxError: ~/**/app/main.js: Unexpected token (2:13)
1 | var React = require("react");> 2 | React.render(<h1>hello world</h1>,document.getElementById("app"));
| ^at Parser.pp.raise (~/**/node_modules/babylon/lib/parser/location.js:24:13)謝謝你們。
babel-loader jsx語法錯誤:意外的令牌
呼啦一陣風
2019-07-29 16:32:40