0

如何让 Parceljs 与 react 一起工作？我正在使用他们的仓库中的示例，但它不起作用。

https://github.com/parcel-bundler/examples

在我运行“npm start”之后，它可以正常工作并按预期在 localhost 上呈现页面，但是当我单击 /dist 中的输出文件时它将无法正常工作。因此，当我尝试从 dist/index.html 加载页面时，页面只是空白。我还尝试了他们网站上的生产命令，因此它会停止观看文件，但这也导致 dist 文件夹加载空白页面。

我怎样才能做到这一点？任何帮助都会很棒。本质上，我希望能够在没有 localhost 的情况下访问 buddled 文件。

谢谢你。

4

1 回答 1

0

您在本地运行索引文件，并且 index.html 期望 css 文件和 js 文件位于根目录。当您在本地打开文件时，它试图在C://

要解决这个问题，不幸的是，您必须在编译后编辑 index.html。以下是解决问题的三种方法，方法三专注于解决您的问题，但我会推荐方法一和方法二。

方法一

  • 通过运行安装 http-servernpm install -g http-server
  • 通过终端 / cmd 转到您的项目 dist 文件夹
  • 输入 http-server
  • 您的项目将在您的默认网络浏览器中打开

方法二

  • 将您的应用程序上传到 Web 服务器
  • 您的应用程序应该运行

方法三（不推荐）

  • 添加 NPM 脚本"production": "parcel build index.html"
  • 通过 cd 运行生产构建到您的项目并键入npm run production
  • 进入您的 dist 文件夹并在编辑器中打开 index.html
  • 编辑css文件路径从href="/main.--------.css"到href="./main.--------.css">
  • 编辑js文件路径src="/main.--------.js"为href="./main.--------.js">

（注意：React 插件在本地打开时不会检测到 React，但应用程序会正常工作。）

于 2018-08-25T17:33:27.947 回答