问题标签 [parceljs]

我仍然收到此错误：

UnhandledPromiseRejectionWarning: E​​rror: loadable-components: modules entry is missing，你可能loadable-components/babel 在你的 Babel 配置中丢失了。

虽然我.babelrc看起来像这样：

有什么想法/错误吗？

Autoprefixer 不适用于 parcel 1.9.7：我有我的 src 文件夹，我有 .postcssrc 文件和 .postcssrc 文件内相同文件夹内容中的样式文件：{ "plugins": { "autoprefixer": true } }

parcel 安装了 package npm install -g parcel-bundler json dev 依赖项：

也许有人知道可能是什么问题？

我安装了 svg.js 作为开发依赖项。它在我的 package.json 中显示为svg.js": "^2.6.6".

我可以在 javascript 文件中导入库：

但是，如果我在 Typescript 文件中执行相同的操作，则会收到错误消息：“找不到模块 svg.js”。

我还有一个名为“typings”的文件夹，其中包含 svg.js 网站上提供的类型定义文件。

为什么我不能使用这个库？

我想创建一个插件，以便我可以使用包裹原始加载某种类型的文件。包裹文档指出：

parcel-plugin-使用or前缀在 npm 上发布这个包@your-scope/parcel-plugin-，它会被自动检测和加载，如下所述。
...使用这些前缀
列出的任何依赖package.json项都将在初始化期间自动加载。

由于这是一次性的，我不想在 npm 上将代码作为插件发布。如何使用包裹加载我的项目本地插件？

提前致谢。

使用 superagent 进行设置

运行此程序时，我收到一条错误消息，指出 .on 不是函数。做了一些研究，似乎与 FormData() 对象有关。出于某种原因，superagent 将节点内部暴露给我的客户。这使用 Webpack 工作得很好，但是在移植到 Parcel 之后，它就坏了。任何指针将不胜感激。

我正在开发一个基于打字稿的网络扩展。对于调试，我需要后台和内容脚本中的源映射。

目前，我正在使用parcel来捆绑我的扩展程序（但我认为这个问题与 parcel 无关）。使用webextensions插件parcel build src/manifest.json，捆绑过程变得像.

这也编译打字稿并创建适当的源图。我可以看到内容脚本的源映射并使用它们进行调试。但是在后台，不会加载源地图。

火狐抱怨：

所以在我看来，好像这是向浏览器提供源映射的一些问题。我可以看到它已创建。它已为 contentscript 正确加载。我可以看到这两个脚本的语法是相同的。也许 Firefox 期望以不同的方式托管后台？

为了重现这个问题，我设置了这个存储库：https ://github.com/lhk/webextension_typescript_webpack

• npm install -g parcel-bundler
• git clone https://github.com/lhk/webextension_typescript_webpack
• git checkout parcel_branch
• npm install
• parcel build src/manifest.json

然后将其加载到 Firefox 中并观察调试控制台输出。它产生上述错误消息。

更新： 我发现了这个问题：https ://github.com/webextension-toolbox/webextension-toolbox/issues/58

显然，Firefox 在处理 webextensions 时只能处理一组特定的源映射。但我不明白为什么源地图适用于内容脚本。

这是我的项目：

https://github.com/march23hare/parcel-scaffolding-web-components/tree/test-custom-elements

我的目标是：

1. 使用 Parcel.js 捆绑器。
2. Vanilla JS 和 Web Components 是主要的技术栈。
3. 支持 IE 11。

所以我为 babel 做了一个配置，.babelrc。

并使用 Web Components 的 polyfill ( https://github.com/webcomponents/custom-elements )。

然后将其与 Parcel.js 捆绑在一起。

测试组件在现代浏览器上正常工作。

但对于 IE 11，它没有。

我不知道是什么导致了这个问题。

请你帮助我好吗？

在 React 应用程序中试验 Three.js，我制作了一个在本地工作的示例；但是，无法从 GitHub 或 Amazon S3 等静态主机远程加载。

如果我在本地运行我的 GitHub 项目，它可以工作：

但是，一旦我构建了一个可分发并推送到我的 GitHub Pages，该脚本就无法执行 - 只是一个空白页面。正在加载所有 CSS 和 JavaScript，但控制台中没有错误。

奇怪的是，我可以serve在完全相同的版本上使用它并且它可以在本地工作。

我最初的想法只是路径，我将其添加--public-url '.'到我的 Parcel 构建命令中。所有脚本似乎都正确路径和加载。

似乎问题可能源于将所有模块导入为：

这可能是巧合，但我有另一个 GitHub 项目在导入所有模块时在GitHub Pages上表现出同样的问题。为了进行健全性检查，我确实有使用 Parcel 构建和部署的 React 项目没有问题。

我最近开始使用parcelJS来构建，我对 Webpack 和此类工具还很陌生。我使用highlighJS库突出显示页面上的一些语法，并使用下面的行导入它。

该库还具有突出显示可以使用以下方式导入的语法的语言：

有没有办法导入文件夹中的所有语言，而不是一一导入？

我正在尝试导入图像以在带有 TypeScript 的 React 组件中使用。我使用的捆绑器是 Parcel（不是 Webpack）。

我.d.ts在项目中创建了一个带有图像文件扩展名的文件，并将其包含在tsconfig.json. 但是，当我尝试导入图像时，T​​S 对我大喊Cannot find module.

我的项目结构：

我试图App.tsx像这样导入图像。VS Code 下划线 '../assets/image.jpg'表示Cannot find module '../assets/image.jpg'。

我在网上找到的讨论表明需要.d.ts自己定义一个文件，所以我index.d.ts用这一行创建了那个文件。

然后加"include": ["./src/index.d.ts"]进去tsconfig.json，之后"compilerOptions" : {...}。

我错过了什么？如何修复 TS 抛出的错误？