babel - webpack-dev-server报错求助

问题描述

问 题

index.jsx为

import React from 'react';
import { render } from 'react-dom';
import { Router, browserHistory } from 'react-router'
import routes from './components/router/router.jsx';

render(
  <Router routes={routes} history={browserHistory}/>,
  document.getElementById('example')
)

webpack.config.js配置为

      { test: /\.js$/, exclude:/node_modules/, loader: 'babel-loader'},
      { test: /\.jsx$/, exclude: /node_modules/, loader: 'babel-loader!jsx-loader?harmony' }

错误提示

ERROR in ./index.jsx
Module build failed: Error: Parse Error: Line 1: Illegal import declaration

解决方案

jsx-loader 已经废弃了，统一使用 babel-loader@>=6, 需要配置 babelrc 参见：https://babeljs.io/docs/usage/babelrc/

.babelrc 文件

{
  presets: [
    "es2015",
    "react"
  ]
}

或直接配置在 package.json 里

{
  "babel": {
    presets: ["es2015", "react"]
  }
}

这篇关于babel - webpack-dev-server报错求助的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！