问题标签 [snowpack]

我正在使用带有 TypeScript 的 Snowpack、React 和 MobX。

当 React 组件发生变化时，HMR 就会启动，一切都运行良好。但是，当商店发生变化时，我会收到一条消息，hmr-client说有更新，但实际上什么也没发生。

[ESM-HMR] message: update {type: "update", url: "/stores/setupContext.js", bubbled: true}

那是我的雪包配置-

不在项目中使用装饰器。任何想法/帮助都会很棒。

所以我一直在尝试将 .less 文件加载到我的 React.JS 项目中。让我的 AntDesign 主题工作。我的堆栈：React.JS - Typescript - Snowpack。并且想使用 AntDesign Theming，所以我需要让 Less.modifyVars 工作。

我找不到使用 Snowpack 的清晰教程来处理这个问题。我已经安装了 snowpack 插件：snowpack-plugin-less，snowpack.config.js 配置：

我少了：安装了 3.13.1。并添加了 import 'antd/dist/antd.less'；在我的 App.tsx 文件中。

加载导入'antd/dist/antd.css'；将使用样式正确更新 antDesign 组件。但不能使用 import 'antd/dist/antd.less'；

我确定我在某处缺少一些配置，但我无法弄清楚。一点帮助，也许使用我的技术堆栈的完整示例会很棒。谢谢！

我正在尝试在 Android 模拟器上的 chrome 上打开基于 Web 的 React 应用程序，但出现以下错误： Unhandled Runtime Error Uncaught SyntaxError: Unexpected Token 。

可以通过 localhost 上的 chrome 或通过我的智能手机上的移动 chrome 打开相同的应用程序，但不能在 android 模拟器上打开。任何想法为什么会发生这种情况以及如何解决？

本地设置：

• React 应用程序（使用 Typescript）
• Snowpack 开发服务器
• Android Studio - Android 模拟器（Pixel 4 API 29 / Android 10.0）
• 铬浏览器

我有一个具有后端并在端口 8000 上运行的 Web 应用程序。我希望能够在客户端使用导入节点模块。我为此尝试了包裹，但它也需要在不同的端口上运行。那么如果你有一个服务器在运行，那么在客户端使用导入节点模块的最佳方法是什么？我的应用程序在前端使用 html/css 和 vanilla js 编写，并在后端表达。

我希望能够使用这样的东西，例如在我的前端 JS 上打开层库：

我正在npx snowpack build --watch一个项目中运行（不是dev由于 Flask 后端的命令），并且在内部导入方面遇到了一些问题。

我的意思是导入依赖项的模块 - 例如 Bootstrap 导入 Popper。

问题是如果我定期构建（没有--watch命令），构建工作，但每次需要 20-30 秒，对开发来说有点烦人。如果我使用该--watch命令运行，则导入另一个模块的任何 npm 模块都有不正确的文件路径，例如：

import * as Popper from '/_snowpack/pkg/@popperjs.core.v2.9.3.js';

如果我将它们更改为：

import * as Popper from '../../_snowpack/pkg/@popperjs.core.v2.9.3.js';

它工作正常。所有其他导入都有正确的路径。问题是每次监视服务器关闭时，我都必须运行查找/替换。目前这仅相当于几个模块，它比运行完整的构建要好，但如果我能让它工作会很好，并希望在此过程中更好地理解 Snowpack。

我正在运行从 npm 安装的最新版本的 Snowpack，默认设置。

我对 Snowpack 或此类软件没有太多经验，因此完全承认这可能是用户错误。我已经使用了 mount 和 build 选项，但似乎没有什么可以改变这个路径问题。

在此处输入图像描述

我用了“雪包”：“^2.2.4”，

我正在尝试rollup-plugin-skypin通过snowpack. snowpack-plugin-rollup-bundle我有一个像这样设置的小项目：

雪包.config.mjs

包.json

index.js

然后在运行时出现此错误yarn build：

这个错误是什么意思？有没有可能让所有东西一起工作？

我一直在尝试在我的 Snowpack 应用程序中加载 HDR 文件（与 THREE.js 一起使用）。我能够加载 .jpg 文件，但我似乎无法加载 .hdr。

我试过使用snowpack-plugin-raw-file-loader，但没有奏效。我能够导入 .md 文件和其他此类文件类型，但我无法特别导入 .hdr 文件。

甚至有可能这样做吗？

我的 snowpack.config.mjs 文件

我最近试图将 .hdr 文件加载到 three.js 中。

这是我的代码：

导入 hdr 文件的代码

如果有帮助，我正在使用 Snowpack 捆绑器。

我收到了这个错误：

在我看来，hdr 文件二进制文件已添加到链接中，但这不是应该发生的。

为什么会发生这种情况，我该如何解决？

我想使用sql.js 库，它使用 wasm 在浏览器中提供 sql 支持。

要在 React 项目中使用这个库，sql.js 建议使用 craco.js 来扩展 CRA 中的 webpack 配置，并使用 webpack 的file-loader 包从 node_modules 目录中获取 wasm 文件。

你可以在这里查看 sql.js 的官方 react 演示代码。具体代码行：import wasm file , use file

Snowpack 建议使用浏览器的本机WebAssembly和fetchAPI，但 sql.js 似乎需要一个 uri 用于 wasm 文件。我怎样才能在雪包中实现这一点？

PS：sql.js 使用emscripten将 SQLite 编译成 wasm