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

Question

使用带有 webpack-dev-server 的简单入门 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 模块

<小时/>

流程:

这不是我的存储库，而是一个可用于测试的简单存储库。来自真棒video .


git 克隆 https://github.com/bradtraversy/react_webpack_starter
cd react_webpack_starter
npm 安装
npm start (运行 webpack-dev-server --modedevelopment --open --hot)


<小时/>

预期结果(1 台计算机):

浏览器打开并显示“我的 React 应用程序”

<小时/>

实际结果(1 台计算机):

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

<小时/>

初始漫漫

我不知道不工作的计算机的环境有什么问题。症状表明它不是存储库或代码，但必须位于我的环境中。花了6个小时在出现故障的计算机上解决这个问题。尽管我在某个地方是个白痴，只是为了让它在另一台计算机上工作。有人对环境差异有什么想法吗？

<小时/>

解决方案:

根据 Peter Liang的建议，

• 我尝试将存储库克隆到 C:\testtest 中，并且成功了。
• 我尝试将存储库克隆到 C:\test test 中，但失败了(显示目录列表)。

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

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

Answer 1

我遇到了这个问题，结果发现我的父目录的名称是罪魁祸首。我原来的路径是“C:\React Apps\react-boilerplate”，然后我将其更改为“C:\reactapps\react-boilerplate”并且它起作用了。