Question

我正在尝试创建动态ID为<Route exact path="/profile/:id" component={Profile} />且正确导入Profile的路线。配置文件页面未加载，并在控制台中显示错误

GET http://localhost:8080/profile/bundle.js 404 (Not Found) Refused to execute script from 'http://localhost:8080/profile/bundle.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

没有params的其他路由工作正常，并且Profile.jsx页面创建没有任何失败。我该如何解决这个问题？

我的App.jsx

import { Profile } from '../HomePage/Profile';
class App extends React.Component {
    render() {
        const router = (                
            <div className="outer">
                <Route path="/application" component={Application} />
                <Route exact path="/profile/:id" component={Profile} />             
            </div>
        return (
            <Router history={history}>
                {router}
            </Router>
        );
   }
}

这里Application路由器工作正常，因为它没有第二个参数。

Answer 1

尝试更改：

<script type="text/javascript" src="bundle.js"></script>

从index.html到：

<script type="text/javascript" src="/bundle.js"></script>

具有动态ID的路由在react redux中不起作用

1 个答案: