问题标签 [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 投票
0 回答
391 浏览

javascript - 流式导入时 Snowpack 构建失败

我正在使用 SnowPack 3.3.7(虽然snowpack --version说是 3.3.6)。我已经在全球范围内安装了它。

运行时一切工作文件snowpack dev

当我跑步时snowpack build,我得到了Do not know how to load path build/_snowpack/pkg/date-fns

date-fns是 SkyPack 提供的一个库,所以我选择了它。

这是我的snowpack.config.js

这里是/sourcecode/index.html

然后/sourcecode/index.js

当我运行时snowpack build,我在终端上得到以下输出:

我确实得到了一个build与我的文件夹内容几乎相同的sourcecode文件夹,未缩小。我注意到build/index.js文件的导入现在import { format } from './_snowpack/pkg/date-fns我认为是有道理的。该文件在那里(没有文件扩展名),其内容只是

/build文件夹中的任何地方都不存在。

为什么snowpack build“不知道如何加载路径” build/_snowpack/pkg/date-fns?我认为它没有因为这个错误而缩小或摇树。

顺便说一句,如果我删除date-fnson的导入引用index.js,则snowpack build有效。它甚至会缩小(但不是树抖动,但这是另一个问题)。

我意识到我正在使用esbuild,因为我不想处理 WebPack。我在某处读到,这种构建模式还没有为生产做好准备,但我觉得它snowpack build仍然可以工作,尽管没有优化。

我还遵循了我在应该运行的地方阅读的建议snowpack add date-fns,然后snowpack build再次运行,但这不起作用。我仍然得到同样的错误。

我的配置有什么问题吗?项目结构?html文件还是js文件?在构建输出中有什么我应该注意的吗?

0 投票
0 回答
216 浏览

reactjs - 将 React 和 CSS 模块捆绑到 JavaScript 中的 Snowpack

我遇到了 Snowpack 和 CSS 模块的问题。当我构建应用程序时,它会创建一个带有散列和非散列类名的 .json 文件,但它们没有加载到 index.js 中,并且在检查页面时所有类都显示为未定义。当我查看源代码时,我可以看到一个看起来应该包含 JSON 的空对象,如果我手动添加它,它可以工作......我需要配置一些东西来让它工作还是应该这样做导入 xxx.module.css 文件后?

此外,有没有办法将 css 与 JavaScript 捆绑在一起,以便在运行时注入样式而不是拥有单独的 css 文件?也许使用@snowpack/webpack 来捆绑它们?

更新:我刚刚更新到最新版本的雪包,它甚至没有生成 .json 文件......

0 投票
0 回答
34 浏览

javascript - Snowpack 嵌套 HTML

我正在尝试实现类似于 PHP Twig 但使用 Snowpack 的功能。我正在部署到 Netlify,我希望它能够构建静态 HTML 文件。我过去曾使用 Twig 创建一个所有其他文件都扩展的 base.html 文件。

我不知道我在寻找什么。它是一个 NPM 包吗?

我是新来的。谢谢

0 投票
2 回答
445 浏览

javascript - React 路由器 dom 适用于某些组件但不适用于另一个组件

我的问题是它react-router-dom适用于主页,productList但不适用于Signin组件。我认为snowpack没有问题。但是我放了雪包配置文件,以防出现问题。奇怪的是我为主页和产品列表添加了一个标题,但我没有为Signin组件添加标题。但是在更改路由后,即使我没有将 Header 添加到Signin组件中,也会显示标题。我很困惑为什么会这样。

应用程序.jsx

登录.jsx

页眉.jsx

这个文件很大。但我正在添加路由调用。

snowpack.config.js

包.json

在我打我的笔记本电脑屏幕之前,任何帮助都将不胜感激。谢谢。

0 投票
0 回答
260 浏览

javascript - 无法将我的 webpack 配置映射到 snowpack

因此,我有一个当前与 webpack 捆绑的 react 应用程序,我正在尝试过渡到 snowpack。

我有一个带有 snowpack 和 css 模块的 POC react 应用程序,并且在我的实际应用程序中技术上运行了 snowpack,但它并没有真正起作用。我认为问题是我需要根据 webpack 设置的细微差别发布到自定义位置,但我不知道如何集成它们。想知道是否有人有任何见解或资源可以帮助我将 webpack 配置设置映射到雪包?

这是雪包配置。目前没有什么值得注意的:

我在运行 react 应用程序时得到的结果:

下面的 webpack 配置有一些细微差别供参考。

0 投票
1 回答
129 浏览

typescript - Snowpack Typescript 导入

我正在运行 Snowpack,并且我有一个 Typescript 包(托管在 Github 包上),我想通过

但是我收到了错误

当我将类复制粘贴到本地文件并使用本地导入(如下所示)导入它时,它可以工作。

0 投票
1 回答
564 浏览

snowpack - Snowpack 的多个入口点

我正在寻找从 Webpack 切换到 Snowpack 的开发环境。但是我在 Webpack 中设置了多个入口点,但我无法在 Snowpack 中找到如何执行此操作的示例。似乎 Snowpack 旨在与只有一个 HTML 页面和一个入口点 Javascript 文件的真正 SPA 一起使用。

站点上的每个 HTML 页面(总共 20 个)都有自己的 index.js,它是该页面的起点,并且独立于站点上的其他页面。这将如何在 Snowpack 中工作?

我在 Github 上发现了一些关于多个入口点的讨论,但是通过阅读评论我无法确定这是否受支持。如果不支持,我是否需要为每个 index.js 运行 Snowpack?或者是否有另一种可以在这个用例中使用的快速开发工具?

0 投票
0 回答
65 浏览

reactjs - [Snowpack][Electron] 如何在渲染器进程中导入“电子”?

最近,我尝试用 Snowpack 开始我的个人电子项目。我的项目基于electron-snowpack,起初一切都很好。但是当我尝试electron在渲染器进程中导入包或任何其他节点包时。发生错误。


我试过的导入电子错误如下:

  1. 设置 webPreferences:
  1. 使用preload
  1. window.require在主进程中定义。然后const electron = require("electron")。发生错误require is not a function

我尝试了所有我能找到的解决方案。但是错误仍然存​​在。有没有人可以给我任何帮助?谢谢!

0 投票
1 回答
81 浏览

javascript - 如何使用 Cypress 测试 Snowpack 应用程序

如何在 Snowpack + Svelte 应用程序中使用 Cypress?Snowpack 只有 jest 和@web/test-runner.

0 投票
0 回答
69 浏览

snowpack - 我有雪包:未捕获的类型错误:styled_components_1.default 不是函数

该项目与创建反应应用程序配合得很好,现在我有这个错误?有任何想法吗?

我正在关注:https ://github.com/snowpackjs/snowpack/issues/3004