问题标签 [parceljs]

我正在使用 parcel 来处理 webextension 的打字稿。JQuery 及其类型定义通过 npm 安装。在我的打字稿文件的顶部，我有：

但是在运行时，Chrome 会抱怨 jquery 没有定义。重现问题的最小示例在 git 上：https ://github.com/lhk/parcel_jquery_bug_demo

现在您可以打开 chrome 并加载 dist 文件夹

git repo 包含：

src/manifest.json

src/content/index.ts

./package.json

在 chrome 中加载扩展后，您可以加载任何网站。错误信息是：

未捕获的 ReferenceError：未定义 jQuery

我在用着：

• 包裹 1.10.1
• 节点 v8.12.0
• npm 6.4.1
• ubuntu 18.04.1 64位
• 铬 70

我认为这个问题与bootstrap的导入有关。以下代码有效：

所以我的打字稿代码的依赖实际上是由包裹处理的。但是 bootstrap 也需要 jQuery，这在某种程度上并不满足。

我正在尝试让 Parcel Bundler 从 Dockerfile 中构建资产。但它失败了：

未找到条目。在 Bundler.bundle (/usr/local/lib/node_modules/parcel-bundler/src/Bundler.js:260:17) at ERROR: Service 'webapp' failed to build: The command '/bin/sh -c parcel build index.html' 返回一个非零代码：1

这是我的码头文件：

注意：我试图让它首先在开发模式下运行。

当我“登录”容器时，我发现这个命令确实失败了：

但这有效：

这有效：

但是在 Dockerfile 中使用这些变体仍然不起作用：

或者

注意：我也尝试了 'bash' 而不是 'sh'，但它仍然不起作用。

任何想法为什么它不起作用？

我对 MobX 注释有一个奇怪的问题，@action结果对象上不存在带注释的方法。

如果我的类源是以下 TypeScript（作为最小示例）：

我调用该方法如下：

我收到一个错误：

car.selfDestruct()在控制台中评估返回undefined.

但是，如果我使用动作功能一切似乎都很好：

作为参考，我使用 MobX 5.5.2 和 TypeScript 3.1.1。编译由 ParcelJS 1.10.1 处理

我真的被这件简单的事情困住了。

我正在尝试img在我的 Vue 模板中添加一个带有 static 的元素src。该组件用于 WordPress 插件。

这是我的模板（vue 文件的位置是/wp-content/plugins/my-plugin/assets/parcel/src/components/my-component.vue）：

图像文件位于/wp-content/plugins/my-plugin/assets/parcel/src/assets/img.png.

保存组件文件（并拥有npm run watch）后，我可以看到 parcel 正在builds编译的 js 所在的文件夹中添加一个新图像，并且我在 WordPress（js 文件）中将其排入队列。但是当我在浏览器中打开页面时，我只得到

我的猜测是我没有做任何事情来告诉 parcelJS 实际上该图像应该具有与默认图像不同的 url。但我不知道该怎么做——我应该从 parcel bulndler js 文件中编辑一些东西吗？

我想知道是否有人可以向我指出如何为 vue SSR（服务器端渲染）设置包裹的资源或示例。

或者包裹不能使用Vue SSR？

所以我在尝试构建我的搜索组件以通过 Axios 从我的 API 请求中查询数据时遇到了困难。现在它只是填充一个警告框。

它应该做一些事情，将查询中的数据与 API 中的数据进行比较，将匹配的数据作为 props 传递到结果页面并重定向到该结果页面以显示这些结果。该应用程序部署在这里https://suite-search-lk.surge.sh

我该怎么办？感谢任何帮助：D

语境

我正在使用包裹在 sw-precache 周围的 parcel-plugin-sw-precache 以使其与 Parcel.js 一起使用。一切都按预期工作，我一直在测试我的离线应用程序。

问题

我将 react-pdf.js 添加到我的项目中，该库的依赖项之一在由 sw-precache 生成时不会添加到服务工作者中。我知道这一点，因为当我切换到离线模式时，文件“pdf.worker.entry.7ce4fb6a.js”会出现 304 错误。

我试过的

我正在尝试使用以下代码将文件手动添加到 package.json parcel-plugin-sw-precache 配置中：

我不确定文件路径是相对于 package.json 还是相对于生成的 service worker。无论如何，手动指定的文件不会像我期望的那样被添加来生成服务工作者。如下所示。

问题

如果 sw-precache 或 parcel-plugin-sw-precache 似乎缺少一些文件，我如何确保它们被添加到生成的 service worker 中？

我想动态加载一些组件，并在执行 import() 函数时出错。导入失败，因为它找不到文件。

有谁知道我如何在 ParcelJS 中做到这一点？

错误： 未捕获（承诺中）类型错误：无法获取动态导入的模块：http://localhost:1234/js/widgets/widget1/widget.js

在使用 bitbucket 管道构建我的（以前工作的）应用程序时，我遇到了以下错误：

我package.json的脚本和依赖相关的行如下所示：

有谁知道是什么导致了这个错误，并且起源于哪个依赖？我试图删除所有 babel 依赖项，只是为了测试它，但仍然出现错误。

我试图根据来自 API 的值更改我的背景图像。因此，当 API 值为“partly-cloudy-night”时，我有相同的图像名称 partial-cloudy-night.jpg 来显示。但是....由于 Parcel 正在处理 statci 资产，我收到此错误

GET http://localhost:1234/assets/images/bg-images/partly-cloudy-day.jpg 404（未找到）

这就是说找不到图像。