javascript - 在远程主机上导入所有模块时的包裹构建问题

Question

在 React 应用程序中试验 Three.js，我制作了一个在本地工作的示例原型(prototype)；但是，无法从 GitHub 或 Amazon S3 等静态主机远程加载。

如果我运行 my GitHub project在本地，它有效:

$ parcel index.html --open

然而，一旦我构建了一个可分发的并推送到 my GitHub Pages ，脚本无法执行 - 只是一个空白页面。正在加载所有 CSS 和 JavaScript，但控制台中未出现任何错误。

$ parcel build index.html --public-url '.'

奇怪的是，我可以在完全相同的构建上使用 serve 并且它在本地工作。

我最初的想法只是路径，我将 --public-url '.' 添加到我的 Parcel 构建命令中。所有脚本的路径和加载似乎都正确。

问题似乎源于将所有模块导入为:

import * as THREE from 'three';

这可能是巧合，但我有another GitHub project在 GitHub Pages 上表现出同样的问题导入所有模块时。为了完整性检查，我确实有一些使用 Parcel 的 React 项目可以毫无问题地构建和部署。

Answer 1

Percel 不支持名称中的句点。

如:username.github.com 将不起作用。

根据GitHub issue #2093，这已被修复.