问题标签 [snowpack]

我有一个 LanguageWrapper 组件直接取自 react-intl 文档示例

使用基本的 App.jsx（仅为上下文添加）

和一个基本的 index.jsx（仅为上下文添加）

现在这里的问题是我有：

但是当我运行 npm run build 我得到： UnhandledPromiseRejectionWarning: Error: Can't resolve '../lang/fr.json' in '/Users/me/workSpace/apps/testWebApp/test-ui/build/dist'

我完全不知道我做错了什么，但我觉得它很小......有人可以帮助我吗？

rollup具有允许自定义输出文件名的功能。
在 rollup.config.js 文件中，您可以这样做：

假设package.json包含"name": "test-package", "version": "1.1.2"
运行rollup -c产生以下输出文件：

这对于自动化构建非常有用。Snowpack
是否提供类似的功能？它在内部使用汇总，因此可能，但我还没有在文档中找到这样做的方法。

是否有 snowpack 插件或某些命令可以将版本控制添加到 bundle.js 和 css 文件以强制客户端浏览器上的缓存刷新？

我尝试了这个建议的解决方案，但由于某种原因它不适用于 snowpack

我正在尝试使用 typescript 和 ReactJS (tsx)，对于样式，我正在使用 sass(scss)，我正在使用 snowpack 我尝试了许多解决方案，包括重命名 name.module.scss

这是我 [snowpack] [404] Not Found (/user/components/UsersList.css.proxy.js)知道UserList.scss存在的错误

我正在使用 VScode，即使我已按照说明操作并Please install the sass command line tools from http://sass-lang.com/install if you want to use Sass Formatter extension.通过运行一遍又一遍地安装它，这个警告仍然会出现npm install -g sass

我有一个包含 3 个包的 typescript mono-repo，如下所示：

• 包 A：使用包 B 和 C 的 React 单页应用程序。
• 包 B：一个使用包 C的 UI 库。
• 包 C：具有 3rd 方依赖项的实用程序包。

我的目标是避免在开发过程中每次更改依赖项后的构建周期，因此我想直接使用包 B 和 C 的打字稿源代码，并可能享受 HMR（热重载）。

这是漫长的一天。

如果您希望避免我对我迄今为止的不同尝试的描述并直接跳到问题，请跳到最后两段。

我的一天从定义路径字段开始tsconfig.json：

我很快意识到我必须留下create-react-app因为它不支持路径 alias。尝试使用不同的 CRA 重新布线技术导致我遇到可怕的无效挂钩调用，这意味着react不知道如何解决不同版本的react-dom. 调整noHoist并没有帮助解决它，也没有按照他们的文档中的建议进行符号链接。

总结随后的尝试：

• 我尝试过使用yalc。当与 CRA 一起使用时，它似乎仍然需要一个构建周期，create-react-app因为它不编译依赖项。
• 我已经尝试过自定义webpack构建。没有成功使它工作。确实花了很多时间让资产加载器 识别我的图像。
• 我试了一下雪包。与名为@fluentui/react的第 3 方有问题，它无法编译并导致我遇到一个未解决的问题。我意识到我必须分叉并调查它才能继续并决定继续前进。
• 我什至查看了硬链接目录，bindfs但似乎你需要macFuse它，它在安装过程中要求广泛的系统扩展权限。
• 我目前正在尝试vite，它snowpack也支持native esmodules当你试图避免构建周期时很有希望。

我正在寻找一种解决方案，可以使用任何捆绑器为根 SPA 包和多个 typescript 包运行开发环境，这些包相互依赖，无需 fs-watching 和构建周期。

在将此问题标记为"primarily opinion based"注意之前，一个好的答案可以帮助未来的读者避免我今天所做的来回尝试。在这方面， Eventhis can be done with any bundler by leveraging this or that option是一个很好的答案。

snowpack 团队推荐本地安装：

提示：Snowpack 可以通过 npm install -g snowpack 全局安装。但是，我们建议通过 --save-dev/--dev 在每个项目中本地安装。通过 package.json "scripts"、npm 的 npx snowpack 或 yarn snowpack 在本地运行 Snowpack 命令行工具。 https://www.snowpack.dev/tutorials/getting-started

那很好，但有一刻我希望它是全球性的。问题是我无法运行它的集成 cli。

所有返回错误或什么都没有。

是否可以运行全局安装的雪包？

可能是答案： https ://github.com/snowpackjs/snowpack/issues/3533

我刚用 Astro 开始了一个博客模板项目。 https://astro.build/

我的项目文件夹是 C:/web/astro-test-1/ 并且我想将我的构建部署到 C:/wamp64/www/astro/ 的本地服务器npm run build。

我将 astro.config.mjs 设置如下：

此构建仅在文件夹不存在时才有效。

我的错误：

在哪里以及如何设置force选项？

我有一个使用 svg 过滤器进行渲染的反应项目：

它在使用 snopack 运行时效果很好，但是一旦我尝试捆绑它就会失去与 goo svg 的连接。尝试使用 webpack，以及我得到的本机 snowpack 捆绑器：

[16:56:29] [snowpack] 构建失败，出现 1 个错误：build/dist/components/PositionAwareButton.css:10837:14：错误：无法解析“/dist/components/#goo”

非常感谢我需要从哪里开始寻找的任何指示

问题

如何让雪包转换：

进入：

我试过的

我添加remote到我的雪包配置中：

但这使得导入看起来像这样：

从_snowpack/pkgwhich 中导出如下内容：

而那些 404 因为那个文件不存在。

这是将 Snowpack 与 Skypack 之类的 CDN 一起使用的错误方式吗？

我正在尝试将 Vaadin Components 与snowpack一起使用。具体来说只是为了重新创建基本的应用程序布局示例。但我收到以下错误消息。这是什么意思？我如何解决它？

未处理的运行时错误
SyntaxError：找不到间接导出：IronResizableBehavior
http://localhost:8080/_snowpack/pkg/@polymer.iron-resizable-behavior.iron-resizable-behavior.v3.0.1.js [:4:9]