亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

babel-loader jsx語法錯誤:意外的令牌

babel-loader jsx語法錯誤:意外的令牌

呼啦一陣風 2019-07-29 16:32:40
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)謝謝你們。
查看完整描述

3 回答

?
蕪湖不蕪

TA貢獻1796條經驗 獲得超7個贊

由于上面的答案仍然讓一些人處于黑暗中,這就是完整的webpack.config.js的樣子:


var path = require('path');var config = {
    entry: path.resolve(__dirname, 'app/main.js'),
    output: {
        path: path.resolve(__dirname, 'build'),
        filename: 'bundle.js'
    },
    module: {
        loaders: [{
            test: /\.jsx?$/,
            loader: 'babel',
            query:
            {
                presets:['es2015', 'react']
            }
        }]
    },};module.exports = config;


查看完整回答
反對 回復 2019-07-29
  • 3 回答
  • 0 關注
  • 980 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號