未将Webpack与React-router bundle.js一起使用
我用Webpack和react-rounter构建一个项目。这是我的代码：
ReactDOM.render(
<Provider store={store}>
<Router history={ browserHistory }>
<Route path='/' component={ App } >
<IndexRoute component={ Home } />
<Route path="purchase" component={ Purchase } />
<Route path="purchase/:id" component={ Purchase } />
</Route>
</Router>
</Provider>,
document.getElementById('example')
);
当我请求时"http://127.0.0.1:3001/purchase"，就可以了！但是地址"http://127.0.0.1:3001/purchase/a"有误。查看错误消息：在此处输入图片描述
我的WebpackDevServer配置为：
new WebpackDevServer (webpack(config), {
publicPath: config.output.publicPath,
hot: true,
noInfo: false,
historyApiFallback: true
}).listen(3001, '127.0.0.1', function (err, result) {
if (err) {
console.log(err);
}
console.log('Listening at localhost:3001');
});
我不知道怎么回事，帮帮我！
问题答案：
您正在使用相对路径来描述index.html中bundle.js的路径。
您应该在index.html中为bundle.js使用绝对路径
绝对路径包含根目录以及包含文件或文件夹的所有其他子目录。
如果与index.html位于同一路径。
例如。
public/index.html
public/bundle.js
这样可以解决您的问题。
<script src="/bundle.js"></script>
-
问题内容： 当我尝试将Webpack与简单的Express服务器一起使用时，总是会收到大量错误消息： express.js 我得到所有这些错误： 这是我的配置文件： 我该怎么办，我还需要在服务器端使用webpack。 我像这样运行express.js文件： 问题答案： 我最终要做的是，我使用了两种不同的配置，一种用于使用webpack将服务器内容打包在一起，另一种用于将所有浏览器内容打包在一起，并
-
问题内容： 抱歉，我缺乏知识，但我是新手，目前正在学习React。我只是想问一下是否要在我的React应用程序中使用Bootstrap 4，是否必须安装jQuery？我在某处读到，将jQuery与React一起使用是不行的。所以现在我想知道。谢谢回复。您的意见和建议是真正的赞赏。 问题答案： 某些功能（例如下拉菜单，模式）需要JS来操纵DOM，而引导程序则使用jQuery来处理DOM操纵。 但是，
-
问题内容： 我的项目遇到了麻烦。谁能向我解释为什么我不能使用来访问？ 下面是我的切入点的代码： 我正在尝试使用该方法访问“ 菜单” 组件中的设置。请参阅下面的 菜单 ： 我真的很想知道为什么我可以使用来访问和值。我已经阅读了文档并寻找了其他资源，但是我还没有答案，但是我希望有办法可以做到。 问题答案： method中的第一个参数是包含任何属性和方法的对象，它不引用存在属性的React组件。 如果您
-
我正在尝试让web workers启动并运行Vue cli3，但我遇到了麻烦，无法让它正常工作。 我想使用下面的包worker-loader（而不是vue-worker)，因为它看起来维护得很好，而且有更多的贡献。 在他们的教程之后，我尝试使用vue cli修改webpack，如下所示： 我希望能和他们的相配 可以在这里阅读（https://github.com/webpack-contrib/w
-
我想使用的与chrome API，但我遇到了一个问题... 我尝试了以下操作，但chrome API无法将识别为函数，因此我尝试先将保存为变量。。。 但是当我尝试以下操作时，仍然是一个空字符串。我不明白为什么，因为被设置为。我怎样才能解决这个问题？ 编辑 我把剧本叫做... 在剧本里我有以下内容... 其中函数只返回一个字符串。它是由我的捕获的，我通过打印到if语句内的控制台来验证它。 我注意到是
-
使用React-Native并尝试学习ES6语法。我昨天也遇到了类似的问题，并得到了解决方案。我补充说 .绑定（这个） 到我的我的函数调用和问题解决。我在另一个函数调用中再次遇到了同样的问题，我无法跟踪到底发生了什么。错误消息是相同的。