Question

有些示例代码使我无法进行稳定的路由，并且出现“ MIME类型（'text / html'）不可执行”错误：

App.js

import React, { Component } from 'react';
import { BrowserRouter, Switch, Route } from 'react-router-dom';

class App extends Component {
  render (){
    return (
      <BrowserRouter>
        <div className="app">
          <Switch>
            <Route exact path='/' component={ComponentFirst} />
            <Route path='/element/:id' component={ComponentSecond} />
          </Switch>
        </div>
      </BrowserRouter>
    )
  }
}

export default App;

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';

ReactDOM.render(<App />, document.getElementById('app'));

.webpack.config.js

module.exports = {
  entry: ['@babel/polyfill', './src/index.js'],
  output: {
    filename: 'main.js',
    path: path.resolve(__dirname, 'dist')
  },
  performance: {
    hints: false
  },
  devServer : {
    contentBase: path.join(__dirname,"dist"),
    compress: true,
    open: true,
    historyApiFallback: true
  }
 }

当我运行该应用程序时，我得到的是正确的路径，没有任何问题。但是，当我尝试获取'/ element /：id'路径时，从代码上方获取了'MIME type'问题。该代码设置是否缺少某些东西，或者可能在webpack中添加了其他功能？

Answer 1

您尝试删除BrowserRouter标签吗？文档说您可以在Switch下方进行操作

反应：路由器进程问题

1 个答案: