Question

所以我一直在关注ReactJS的教程，当我npm启动应用程序时，我收到的回复如下：

http://localhost:8080/webpack-dev-server/
webpack result is served from /
content is served from /Users/treyherman/Desktop/reactjsprogram
Hash: c3b33e153f056156a626
Version: webpack 1.13.1```

当我将http://localhost:8080/webpack-dev-server/剪切并粘贴到浏览器中时，我只能访问IndexRoute而不能访问任何其他路径。在本教程中，教师有一个如下所示的URL：

localhost:8080/#/?_k=8bkxfe

有人知道我能做什么吗？

Answer 1

我认为这是一个IPV4 / IPV6问题。 Webpack-dev-server正在使用IPV4，而较新的笔记本电脑和浏览器正在使用IPV6。

您有两个选择：

尝试使用本地IP 127.0.0.1访问同一个网址（而不是localhost）

使用“--host ::”选项，即：

"scripts": {
    "build": "webpack --config webpack.config.prod.js",
    "dev"  : "webpack-dev-server --config webpack.config.dev.js --host ::"
},

请参阅：https://github.com/webpack/webpack-dev-server/pull/676

我花了几个小时来解决这个问题。感谢https://github.com/dragon3

Answer 2

运行webpack-dev-server后，我必须转到http://localhost:8080/webpack-dev-server/bundle查看更改。

我从webpack网站文档中获取了这条路径：http://webpack.github.io/docs/tutorials/getting-started/#development-server。

希望这有帮助。

Answer 3

万一其他人偶然发现，这可能与将inline中的webpack.config.js模式设置为false有关。而是尝试：

module.exports = {
    // ...
    devServer: {
        // ...
        inline: true
    }
}

或使用webpack-dev-server选项运行--inline。

HTTP：//本地主机：8080 /的WebPack-dev的服务器/

3 个答案: