webpack / webpack-dev-server / react显示应该显示app

Question

使用简单的启动器将应用程序与webpack-dev-server一起使用，它可以在一台计算机上运行，​​但不能在另一台计算机上运行。

尝试/信息

• 两台计算机都是Windows 10
• 在
上使用vscode / git bash
上的节点-v 9.11.1
• npm -v 5.6.0
• 两个
上的纱线-v 1.5.1
• 试过纱线和npm
• 在两台计算机上删除〜/ appdata / roaming / npm中的所有全局npm模块

过程：

这不是我的回购，而是一个适合测试的简单回购。 来自真棒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台计算机）：

浏览器打开时使用＆＃34;我的React App＆＃34;

实际结果（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”并且它有效。