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 而不能訪問任何其他路由。 在教程中，講師有一個如下所示的網址：

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

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

我從這里的 webpack 站點文檔中獲得了該路徑： http ://webpack.github.io/docs/tutorials/getting-started/#development-server。

希望這會有所幫助。

Answer 3

萬一其他人偶然發現了這一點，這可能與在webpack.config.js inline模式設置為 false webpack.config.js 。 而是嘗試：

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

或者使用--inline選項運行webpack-dev-server 。