问题标签 [snowpack]

我正在使用 Svelte 3 + Snowpack 3 + Routify + Svelte-i18n。我没有使用 Sapper。我用这个模板 安装了所有东西。这是我的仓库，您可以在其中查看我的所有文件。

我正在关注svelte-i18n的官方教程。

问题：我无法用他们的教程翻译我的页面。我希望它异步工作，因为我会有很多页面的大量翻译。

但是当我在我的.svelte文件中使用这个脚本时，它就可以工作了：

当我删除它并按照他们的建议仅使用它时，我得到一个没有任何错误的空白屏幕：

除此之外的一切都与教程完全相同。我怀疑_layout.svelte文件中的原因来源，因为我不知道那是什么。根据我的研究，这与 Sapper 有关。我不知道 Snowpack 是否使用它，但也许我需要进行一些更改以使其与 Snowpack 一起使用。此外，看起来教程是在脑海中写的 Sapper，因为他们多次调用它的名字。

我已将 Snowpack 3 添加到我的应用程序中，它适用于 JS/TS 文件以及直接导入的手写笔文件。

文件结构类似于以下内容：

视图.js：

视图样式.styl

颜色.styl

更改直接导入的手写笔文件时，LiveReload/HMR 按预期工作。更改 colors.styl 文件中的任何内容时，它都不起作用。仅当 view-styles.styl 文件更新后，此文件中的更改才会生效。

这是 Snowpack 的已知限制吗？

我也可以手动触发更新，因为我有办法使用它们的文件名来识别这些文件。我还没有找到使用 Snowpack 的 JavaScript API 触发实时重新加载的方法。我能够使用 SnowpackDevServer.loadUrl 函数加载文件，但这也无济于事。

我正在评估Snowpack以构建我的 JavaScript 项目。但是，VSCode 和Debugger for Chrome扩展无法将开发服务器上的脚本与本地源文件匹配。因此，断点不起作用。我没有使用任何源映射，因为我没有捆绑/转换任何东西，只是使用香草 ES 模块。

我正在使用以下模板：https ://github.com/snowpackjs/snowpack/tree/main/create-snowpack-app/app-template-lit-element

项目的简化目录布局为：

现在，当我启动 Snowpack 开发服务器时，它使用以下布局提供文件，这是完全不同的：

我在 VSCode 中尝试了以下启动配置，但它不起作用，即它无法匹配 javascript 文件：

该pathMapping物业的文档非常少，我想知道它是否有效。

有任何想法吗？

更新：

lit-element 示例似乎使用 babel 进行转译，但即使禁用转译，问题仍然存在。这更像是 VSCode 问题，而不是 Snowpack 问题。

我有一个带有以下文件夹结构的雪包项目：

• build ：包含构建的项目
• src : 包含源文件
• 节点模块
• 包.json
• snowpack.config.js

我设置了以下配置：

这在我使用时有效snowpack build：来自的文件src整齐地放置在构建文件夹中，我可以使用http://localhost/myproject/build/index.html计算机上的 url 访问它。

问题：当我使用时snowpack dev，由于某种原因，snowpack 试图在build文件夹中找到文件src夹？！？

404 错误 /Users/oldhank/Sites/basics-snowpack/src/build/_snowpack/pkg/@tensorflow/tfjs

如果我也删除了该config文件dev，但是我需要将所有项目文件都放在根目录中，这看起来很难看？

如何让devandbuild命令与srcandbuild文件夹一起使用？

我需要将 Routify 安装到使用 Snowpack 运行的 Svelte 应用程序。

当前文档非常狭窄，仅显示了使用 Rollap 的安装。

我尝试了一个模板来实现它，但我在 Routify 方面遇到了错误。

我怎样才能做到这一点？

很感谢任何形式的帮助。也欢迎任何其他适用于 Snowpack 的基于路径的 SPA 路由器建议。

尝试使用运行 Babel 的 Snowpack 为 Internet Explorer 11 网络浏览器转换 Svelte 组件。使用下面的配置。只有src/index.js文件被转换为 ES5 语法。与 Svelte 框架相关的文件在运行后仍然包含 ES6 和 ESM npm run build。

关于如何使用 Snowpack 和 Babel 转换 Svelte 相关文件的任何线索？

package.json

snowpack.config.js

babel.config.js

我开始使用 snowpack 并遇到了一个大问题。Snowpack 对我来说不是热重装。我尝试了基本的最小模板、一个苗条的模板和一个反应模板——每次都是同样的问题。我还根据入门从头开始创建。

这是我的示例文件：

索引.jsx

snowpack.config.js

包.json

我希望有一个人可以帮助我。Snowpack 是一个非常棒的工具，但我无法让它工作。

我尝试使用 peerjs 制作一个小应用程序，但是当我尝试这样做时import Peer from "peerjs"，我的代码崩溃了：

Uncaught ReferenceError: assignment to undeclared variable parcelRequire

在http://localhost:8080/_snowpack/pkg/peerjs.js:20

我在互联网上没有找到任何东西。而且我不知道为什么 snowpack 使用 parcel，因为我没有安装任何插件，我尝试使用 Skypack 导入 Peerjs，但它是相同的。另一方面，当我测试导入另一个库时，我在这里用 canvas-confetti 进行了测试，它可以工作。所以我不知道为什么 Snowpack 不喜欢 Peerjs

我正在尝试创建一个积雪项目，该项目在基本启动时已经失败。

我设置了一个基本的雪包项目，但是当我尝试启动我的开发服务器时，它会因为这条线而失败：

给我看：

但我认为节点已安装......我如何fs与雪包一起使用？

基本上我想构建一个应用程序，selenium-webdriver但这更加失败，因为它导入了更多未加载的库。fs是其中之一。而且我不明白rollup在做什么，这是否是“捆绑”（？） fs 的正确方法？

更新：

使用：

运行时会起作用，npx tsc file.ts && node file.js但它显示在雪包中我仍然收到错误：

我有一个使用 Snowpack-Typescript-React 构建的附带项目，并希望将其部署到 Vercel。一切似乎都奏效了，该站点已启动并正在运行：

https://d3-react-patterns.vercel.app/

您甚至可以将源代码视为公共存储库：

https://github.com/lloydrichards/D3-React-Patterns

问题是当你去一个路线时，比如https://d3-react-patterns.vercel.app/just+d3它根本不加载，事实上，看起来它不断地重新加载和查询这个：

我不知道发生了什么，似乎找不到其他有同样问题的人。也许是雪包？也许是韦尔塞尔？也许是 React 路由器？我完全处于空白状态