webpack/webpack-dev-server/react 在应该显示应用程序时显示目录列表
webpack/webpack-dev-server/react shows directory listing when it should show app
使用带有 webpack-dev-server 的简单入门 React 应用程序,它可以在一台计算机上运行,但不能在另一台计算机上运行。
已尝试/信息
- 两台电脑都是windows10
- 在两者上都使用 vscode/git bash
- node -v
9.11.1
两个
- npm -v
5.6.0
两个
- yarn -v
1.5.1
两者都
- 尝试了 yarn 和 npm
- 删除了两台计算机上 ~/appdata/roaming/npm 中的所有全局 npm 模块
进程:
这不是我的存储库,而是一个用于测试的简单存储库。
来自 awesome 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
我 运行 遇到了这个问题,结果发现我的父目录的名称是罪魁祸首。我原来的路径是"C:\React Apps\react-boilerplate",然后我把它改成了"C:\reactapps\react-boilerplate",然后就成功了。
使用带有 webpack-dev-server 的简单入门 React 应用程序,它可以在一台计算机上运行,但不能在另一台计算机上运行。
已尝试/信息
- 两台电脑都是windows10
- 在两者上都使用 vscode/git bash
- node -v
9.11.1
两个 - npm -v
5.6.0
两个 - yarn -v
1.5.1
两者都 - 尝试了 yarn 和 npm
- 删除了两台计算机上 ~/appdata/roaming/npm 中的所有全局 npm 模块
进程:
这不是我的存储库,而是一个用于测试的简单存储库。 来自 awesome 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
我 运行 遇到了这个问题,结果发现我的父目录的名称是罪魁祸首。我原来的路径是"C:\React Apps\react-boilerplate",然后我把它改成了"C:\reactapps\react-boilerplate",然后就成功了。