问题标签 [snowpack]

我正在使用 Django 构建 SSR 网站并使用 Django 提供静态文件。我还使用 lit-element 和 Typescript 构建了一些 Web 组件。我想避免 Webpack 的复杂性并改用 Snowpack。组件存储在/static/js/components.

要使用这些组件，我需要 (1) 将它们转换为 Javascript，(2) 使它们的依赖项可用（例如lit-element）和 (3) 将传输的文件以及_snowpack文件夹移动到 Django 的/static/文件夹。

Using justsnowpack build两者都做，但会创建一个build包含应用程序完整副本的文件夹。我的理解是buildOptions.out只移动输出文件夹（从而static/完全覆盖 if buildOptions.clean===true）。我想可以编写必要文件的复制脚本并build立即删除文件夹的其余部分，但这让我觉得很不雅。

是否有配置只创建_snowpack和转译文件到特定目录？

我是 Snowpack 的新手。更新后，我的一些资源被阻止：

我收到以下浏览器错误：

无法在资源“http://localhost:8080/_snowpack/hmr-client.js”的“完整性”属性中找到有效的摘要，计算出的 SHA-256 完整性为“oBiRohK77Pj8AolnFKZapB/LahnUq2CVH18sxk4filI=”。该资源已被阻止。

如果我现在清理缓存，一切都会按预期工作。但是，如果我关闭选项卡或完整浏览器并再次启动npm start或访问我的本地服务器，则会再次出现阻止错误。

这是我的 JSON 包：

我应该snowpack dev在这个新版本中添加任何配置吗？任何想法都会非常感激。

使用来自以下的预构建组件：

1. https://react-bootstrap.github.io/components/navs/
2. https://react-bootstrap.github.io/components/navbar/

我正在尝试构建导航栏，但出现以下错误：

这不是这个项目中第一次使用 react-bootstrap 组件——其他的都很好。问题开始于这些组件（Navbar 和 Nav）的使用。

据我所知，我的index.jsx（来自：https ://react-bootstrap.github.io/getting-started/introduction/ ）中有所有必要的 JS：

以及我的必要脚本index.html（来自：https ://react-bootstrap.github.io/getting-started/introduction/#browser-globals ）：

代码：

所以我不知道这个错误发生在哪里？我在某处缺少 js 文件吗？

我了解到 snowpack 输出的build/目录包含我项目的整个结构。但是，我希望我的 GitHub 页面部署在docs/.
编码时，snowpack dev运行良好并直接.js使用docs/dist/.

• 开发和构建时，雪包的行为是否相同，而不生成新的目录？
• 如果没有，我应该如何重新排列我的文件？喜欢 mv并将输出目录更改docs/为?docs_dev/docs/

谢谢！

我正在研究使用Snowpack作为Webpack的替代品。默认情况下，如果我运行 webpack 开发服务器 ( webpack serve) 并且不存在默认文档，则浏览http://localhost:8080给我一个目录列表。我想在 Snowpack 中启用相同的行为，但默认情况下，当我浏览到/. 是否有配置设置或插件可用于启用目录浏览，使其以类似于 Webpack 的方式工作？

我们正在创建一个需要使用 bip32 包的 svelte 和 snowpack 应用程序。但是，当我们尝试运行node.derivePath(m/44'/60'/0')时，会出现以下错误：

在snowpack.config.js中，我们有以下设置：

有什么我们错过的导致错误的吗？

我有一个带有snowpack和 tailwindv的简单 SPA 构建，并且我有一个 main.js，它作为模块添加到 html 文件中。我在 main.js 中使用 ES6 导入语法来添加要使用的 Jquery 和其他 js 库。

问题 -

Tailwindcss ：我正在使用 Tailwindcss 和 snowpack。我可以在 html 中使用 tailwind 类，它们可以正常工作，但是当我尝试在 mainjs 中使用 Jquery 动态添加或删除它们时，它不起作用。

1. 当我在我的雪包项目上执行npm start时，一切似乎都按预期工作，但是在使用npm run build 构建项目后，使用 Jquery 添加或删除 tailwindcss 类不起作用。

**我如何知道我的构建文件已损坏？我进行了一些测试 - **

1. 我使用live-server pkg在本地托管构建文件夹，以检查我的假设是否正确，并且我当然是正确的。
2. 我检查了 build 文件夹中的 main.js 文件，它似乎对我所有的方法都有。

所以我认为snowpack没有正确构建 js 文件，或者它没有正确集成 tailwind。

onScroll 它会删除类但不会将其添加回来。

我正在使用 Snowpack 并尝试为 Vue 导入 Chart.js， 以便显示一些数据。

收到此错误：

包.json

我提到了Snowpack 常见错误，但他们提供的解决方案对我的情况没有帮助，或者我做错了什么。

雪包.config

图表.js

任何人都可以对解决方法有任何想法吗？

我目前正在使用 Snowpack 构建/准备应用程序。我正在尝试导入作为文件中dependencies(block) 的一部分安装的 JavaScript 库package.json，但不知何故 Snowpack 没有拾取该库。

这是package.json文件（相关内容的摘录）：

snowpack.config.js唯一包含这些行：

impress.js我期待 Snowpack 将库与这个 HTML 文件捆绑在一起：

有没有办法为这些事情配置 Snowpack？

我正在使用 Snowpack 制作一个 React 应用程序。一切正常，构建也成功。但是当我要打开构建的 index.html 时，页面是空白的。

通过修改构建文件夹中的 index.html，我找到了一个临时修复。

原始 index.html 构建代码（空白页）：

这是修改后的工作：

诀窍是替换src=/js/xxxxx.js为src=./js/xxxxx.js

问题是每次构建项目时修改都很烦人，有什么办法可以解决这个问题吗？

这是我的snowpack.config.js代码：

和我的 index.html 的脚本标签：

在此先感谢您的帮助 ！