http://localhost:8080/webpack-dev-server/

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。

您有 2 个选项：

• 尝试使用本地 IP 127.0.0.1 访问同一 URL（而不是本地主机）

• 使用 "--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

我不得不去 http://localhost:8080/webpack-dev-server/bundle 查看运行webpack-dev-server后的更改。

我从这里的webpack站点文档中得到了这条路径：http://webpack.github.io/docs/tutorials/getting-started/#development-server。

希望这有所帮助。

Answer 3

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

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

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