问题标签 [snowpack]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
193 浏览

django - 使用 Snowpack 转换 Web 组件并打包依赖项

我正在使用 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和转译文件到特定目录?

0 投票
0 回答
78 浏览

javascript - 更新 Snowpack 后未能在“完整性”属性中找到有效的摘要

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

我收到以下浏览器错误:

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

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

这是我的 JSON 包:

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

0 投票
0 回答
282 浏览

reactjs - React-Bootstrap 中的“TypeError:_camelize.default 不是函数”

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

  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 文件吗?

0 投票
0 回答
34 浏览

snowpack - 如何通过 snowpack 和 typescript 正确构建 Github Page?

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

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

谢谢!

0 投票
2 回答
288 浏览

webpack - 我可以在 Snowpack 开发服务器中启用目录列表吗?

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

由 webpack serve 和 snowpack dev 提供的 http://localhost:8080/ 的屏幕截图

0 投票
0 回答
22 浏览

svelte - 如何在雪包和苗条项目中使用 bip32 包

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

snowpack.config.js中,我们有以下设置:

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

0 投票
0 回答
129 浏览

javascript - snowpack build 无法识别 js 文件中的 tailwind 类

我有一个带有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 它会删除类但不会将其添加回来。

0 投票
0 回答
1145 浏览

vue.js - 未捕获的语法错误:请求的模块“xxxx”未提供名为“yyyy”的导出

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

收到此错误:

包.json

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

雪包.config

图表.js

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

0 投票
2 回答
457 浏览

javascript - Snowpack 无法从 node_modules 导入 JavaScript

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

这是package.json文件(相关内容的摘录):

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

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

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

0 投票
1 回答
192 浏览

javascript - 为什么我的 React 构建的 index.html 是空白的?

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

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

原始 index.html 构建代码(空白页):

这是修改后的工作:

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

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

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

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

在此先感谢您的帮助 !