在 React 应用程序中试验 Three.js,我制作了一个在本地工作的示例;但是,无法从 GitHub 或 Amazon S3 等静态主机远程加载。
如果我在本地运行我的 GitHub 项目,它可以工作:
$ parcel index.html --open
但是,一旦我构建了一个可分发并推送到我的 GitHub Pages,该脚本就无法执行 - 只是一个空白页面。正在加载所有 CSS 和 JavaScript,但控制台中没有错误。
$ parcel build index.html --public-url '.'
奇怪的是,我可以serve
在完全相同的版本上使用它并且它可以在本地工作。
我最初的想法只是路径,我将其添加--public-url '.'
到我的 Parcel 构建命令中。所有脚本似乎都正确路径和加载。
似乎问题可能源于将所有模块导入为:
import * as THREE from 'three';
这可能是巧合,但我有另一个 GitHub 项目在导入所有模块时在GitHub Pages上表现出同样的问题。为了进行健全性检查,我确实有使用 Parcel 构建和部署的 React 项目没有问题。