Question

嘿伙计们在使用react-router时遇到问题，我不断得到这个意外的令牌，你可能需要一个合适的加载器来处理这个文件类型<Router history={browserHistory}>。我不知道这里发生了什么任何帮助将不胜感激！

感谢

import React from 'react'
import ReactDOM from 'react-dom'
import { Router, Route, browserHistory } from 'react-router'
import Products from './Products'
import Home from './Home'

document.addEventListener('DOMContentLoaded', function() {
 ReactDOM.render(
  <Router history={browserHistory}>
   <Route path="/" component={Home} />
   <Route path="/" component={Products} />
  </Router>, document.getElementById('mount')
 );
});

webpack.config

var path = require('path');

var config = {
  context: path.join(__dirname, 'src/js'),
  entry: [
   './main.js',
  ],
  output: {
   path: path.join(__dirname, 'www'),
   filename: 'bundle.js',
  },
  module: {
   loaders: [
    {
      test: /\.js$/,
      exclude: /node_modules/,
      loaders: ['babel'],
     },
    ],
  },
     resolve: {
       root: [
       path.join(__dirname, 'node_modules'),
     ],
    },
  };
  module.exports = config;

.babelrc

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

Answer 1

这不是React Router问题，而是JSX转换的问题。检查webpack.config.js文件或.babelrc文件。

反应路由器错误

1 个答案: