问题标签 [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.
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
和转译文件到特定目录?
javascript - 更新 Snowpack 后未能在“完整性”属性中找到有效的摘要
我是 Snowpack 的新手。更新后,我的一些资源被阻止:
我收到以下浏览器错误:
无法在资源“http://localhost:8080/_snowpack/hmr-client.js”的“完整性”属性中找到有效的摘要,计算出的 SHA-256 完整性为“oBiRohK77Pj8AolnFKZapB/LahnUq2CVH18sxk4filI=”。该资源已被阻止。
如果我现在清理缓存,一切都会按预期工作。但是,如果我关闭选项卡或完整浏览器并再次启动npm start
或访问我的本地服务器,则会再次出现阻止错误。
这是我的 JSON 包:
我应该snowpack dev
在这个新版本中添加任何配置吗?任何想法都会非常感激。
reactjs - React-Bootstrap 中的“TypeError:_camelize.default 不是函数”
使用来自以下的预构建组件:
- https://react-bootstrap.github.io/components/navs/
- 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 - 如何通过 snowpack 和 typescript 正确构建 Github Page?
我了解到 snowpack 输出的build/
目录包含我项目的整个结构。但是,我希望我的 GitHub 页面部署在docs/
.
编码时,snowpack dev
运行良好并直接.js
使用docs/dist/
.
- 开发和构建时,雪包的行为是否相同,而不生成新的目录?
- 如果没有,我应该如何重新排列我的文件?喜欢 mv并将输出目录更改
docs/
为?docs_dev/
docs/
谢谢!
svelte - 如何在雪包和苗条项目中使用 bip32 包
我们正在创建一个需要使用 bip32 包的 svelte 和 snowpack 应用程序。但是,当我们尝试运行node.derivePath(
m/44'/60'/0')
时,会出现以下错误:
在snowpack.config.js
中,我们有以下设置:
有什么我们错过的导致错误的吗?
javascript - snowpack build 无法识别 js 文件中的 tailwind 类
我有一个带有snowpack和 tailwindv的简单 SPA 构建,并且我有一个 main.js,它作为模块添加到 html 文件中。我在 main.js 中使用 ES6 导入语法来添加要使用的 Jquery 和其他 js 库。
问题 -
Tailwindcss :我正在使用 Tailwindcss 和 snowpack。我可以在 html 中使用 tailwind 类,它们可以正常工作,但是当我尝试在 mainjs 中使用 Jquery 动态添加或删除它们时,它不起作用。
- 当我在我的雪包项目上执行npm start时,一切似乎都按预期工作,但是在使用npm run build 构建项目后,使用 Jquery 添加或删除 tailwindcss 类不起作用。
**我如何知道我的构建文件已损坏?我进行了一些测试 - **
- 我使用live-server pkg在本地托管构建文件夹,以检查我的假设是否正确,并且我当然是正确的。
- 我检查了 build 文件夹中的 main.js 文件,它似乎对我所有的方法都有。
所以我认为snowpack没有正确构建 js 文件,或者它没有正确集成 tailwind。
onScroll 它会删除类但不会将其添加回来。
vue.js - 未捕获的语法错误:请求的模块“xxxx”未提供名为“yyyy”的导出
我正在使用 Snowpack 并尝试为 Vue 导入 Chart.js, 以便显示一些数据。
收到此错误:
包.json
我提到了Snowpack 常见错误,但他们提供的解决方案对我的情况没有帮助,或者我做错了什么。
雪包.config
图表.js
任何人都可以对解决方法有任何想法吗?
javascript - Snowpack 无法从 node_modules 导入 JavaScript
我目前正在使用 Snowpack 构建/准备应用程序。我正在尝试导入作为文件中dependencies
(block) 的一部分安装的 JavaScript 库package.json
,但不知何故 Snowpack 没有拾取该库。
这是package.json
文件(相关内容的摘录):
snowpack.config.js
唯一包含这些行:
impress.js
我期待 Snowpack 将库与这个 HTML 文件捆绑在一起:
有没有办法为这些事情配置 Snowpack?
javascript - 为什么我的 React 构建的 index.html 是空白的?
我正在使用 Snowpack 制作一个 React 应用程序。一切正常,构建也成功。但是当我要打开构建的 index.html 时,页面是空白的。
通过修改构建文件夹中的 index.html,我找到了一个临时修复。
原始 index.html 构建代码(空白页):
这是修改后的工作:
诀窍是替换src=/js/xxxxx.js
为src=./js/xxxxx.js
问题是每次构建项目时修改都很烦人,有什么办法可以解决这个问题吗?
这是我的snowpack.config.js
代码:
和我的 index.html 的脚本标签:
在此先感谢您的帮助 !