【问题标题】:How to run production build of a ReactJS app with Parcel bundler?如何使用 Parcel 捆绑器运行 ReactJS 应用程序的生产构建?
【发布时间】:2021-12-29 13:51:59
【问题描述】:

我只是想使用 parcel build /src/index.html 生成一个构建, 我能够构建应用程序,但是当我尝试在浏览器中打开构建表单时,它说构建后无法从 index.html 访问 index.js。

<body>
    <div id="root"></div>
    <script src="index.js" type="module"></script>
</body>

无论如何,我在本地运行项目没有任何问题。 请查看下面的图片以了解我的担忧。 谢谢。

【问题讨论】:

  • 基于file:///index.0b...js,我想您的 Parcel 配置设置为期望所有构建的文件都从服务器根目录提供。换句话说,如果该目录由位于/ 的 HTTP 服务器提供服务,您的应用程序可能会工作。
  • 我尝试将 dist 文件夹推送到 GitHub Pages 上,但没有成功。
  • 请提供足够的代码,以便其他人更好地理解或重现问题。

标签: javascript reactjs bundler parceljs parcel


【解决方案1】:

您需要从 Web 服务器提供 dist 目录。

F.I.从您的终端:

cd dist
npx serve

【讨论】:

  • 它是这样工作的,但我正在寻找一种可以像普通 html 页面一样打开它的解决方案。有什么办法可以做到吗?我正在研究它,以便可以在 GitHub Pages 上部署它
  • Github 页面是从 web 服务器提供的,只要你的 js 在 /index.xxx.js 提供就应该没问题
  • 如果您的文件不是来自/尝试使用 --public-url ./ 或 --public-url /your-app-url/
猜你喜欢
  • 2016-10-04
  • 1970-01-01
  • 1970-01-01
  • 2020-04-25
  • 2018-11-23
  • 1970-01-01
  • 2021-04-01
  • 2020-12-07
  • 1970-01-01
相关资源
最近更新 更多