webpack/webpack-dev-server/react 在应该显示应用程序时显示目录列表

Question

使用带有 webpack-dev-server 的简单 starter react 应用程序，它可以在一台计算机上运行，​​但不能在另一台计算机上运行。

尝试/信息

• 两台电脑都是windows 10
• 在两者上都使用 vscode/git bash
• node -v 9.11.1 在两者上
• npm -v 5.6.0 在两者上
• yarn -v 1.5.1 两者都有
• yarn 和 npm 都试过了
• 删除了两台计算机上 ~/appdata/roaming/npm 中的所有全局 npm 模块

---

流程：

这不是我的 repo，而是一个用于测试的简单 repo。 来自很棒的video。

git clone https://github.com/bradtraversy/react_webpack_starter cd react_webpack_starter npm install npm start (runs webpack-dev-server --mode development --open --hot)

---

预期结果（1 台计算机）：

浏览器以“My React App”打开

---

实际结果（1台电脑）：

• 目录列表而不是应用程序，显示为here。
• 这表示 webpack --contentBase 问题，但是当我将其设置为 src/ 时，会显示 index.html 文件，但似乎没有处理任何反应代码。
• 终端输出here

---

最初的漫谈

我不知道使用非工作计算机的环境存在什么问题。症状表明它不是回购或代码，但必须在我的环境中。花了 6 个小时在失败的计算机上解决此问题。尽管我在某个地方是个白痴，只是为了让它在另一台计算机上工作。任何人对环境的差异可能有什么想法？

---

解决方案：

根据Peter Liang的建议，

• 我尝试将 repo 克隆到 C:\testtest 中，它成功了。
• 我尝试将 repo 克隆到 C:\test test 中，但失败了（显示目录列表）。

Webpack-dev-server 似乎无法处理带空格的路径。

向 webpack-dev-server github here 添加了一个问题

Answer 1

我遇到了这个问题，结果发现我的父目录的名称是罪魁祸首。我原来的路径是“C:\React Apps\react-boilerplate”，然后我把它改成了“C:\reactapps\react-boilerplate”，它就成功了。