【发布时间】:2019-03-07 22:35:59
【问题描述】:
在 React 应用程序中使用 Three.js 进行实验,我制作了一个可以在本地工作的示例的原型;但是,无法从 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 项目没有问题。
【问题讨论】:
标签: javascript reactjs three.js babeljs parceljs