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

vue.js - Vue 单文件组件导入生命周期钩子

我需要帮助设置我的 Vue 应用程序(我只是在学习 vue)。

我在教程中读到要访问生命周期挂钩,我需要执行以下操作:

但是,VSCode 的智能感知不能将 onMounted 识别为从 vue 导出的函数。当我在 snowpack 中运行我的代码时,它仍然无法识别该功能。

0 投票
1 回答
928 浏览

javascript - 如何在 Vue 和 Snowpack 中配置运行时编译

我正在尝试使用运行时编译来设置Vue项目,但我不太确定如何在Snowpack中配置它。

基本上目前当我运行项目时,我得到一个空白屏幕和通常的“[Vue 警告]:组件提供的模板选项,但这个 Vue 版本不支持运行时编译。将你的捆绑器配置为别名“vue”到“vue/dist /vue.esm-bundler.js”

目前我的文件如下所示:

snowpack.config.js:

index.js:

索引.html:

我尝试添加别名,但这似乎没有任何作用:

snowpack.config.js

有人知道我如何获得运行时编译设置吗?

谢谢,马特

0 投票
0 回答
346 浏览

proxy - 我无法通过代理访问我的 apollo 服务器

我已经在本地主机的 3000 端口上设置了apollo 服务器,它工作正常。我可以使用操场并进行查询,它们都可以正常工作。(一些文字像素化以保护隐私)

在此处输入图像描述

然而,我的前端是一个 Svelte 应用程序,通过snowpack从 localhost 上的端口 8080 提供服务。我已经将雪包配置设置为代理 localhost:8080/api 到 localhost:3000

如果我尝试通过 http://localhost:8080/api 访问游乐场,则会出现 Web UI,但 graphql 协议似乎存在错误。用户界面抱怨说the server cannot be reached

在此处输入图像描述

如果我进入开发者模式,我会看到以下请求失败

带有请求正文 在此处输入图像描述

返回的响应是

是否需要对服务器进行配置以允许它通过这样的代理工作?

0 投票
1 回答
633 浏览

css - 尝试将 css 模块与 react 和 snowpack 一起使用时出现运行时错误

我在尝试使用 react 和 snowpack 设置 css 模块时遇到问题。以下是重现该问题的方法:

"snowpack": "^2.17.0",

"@snowpack/plugin-sass": "^1.1.1",

使用 npx 设置新应用

npx create-snowpack-app snowpack --template @snowpack/app-template-react-typescript

npm install @snowpack/plugin-sass --save-dev

添加 sass 文件 app.sass

应用程序.tsx

import styles from './app.sass'

<div className={styles.test}/>

雪堆devOptions

雪堆plugins

运行雪包开发

npm start => snowpack dev

错误

SyntaxError: The requested module './app.css.proxy.js' does not provide an export named 'default'

在此处输入图像描述

0 投票
2 回答
777 浏览

javascript - 更改后,Snowpack 开发服务器不会重新编译 node_modules 中的文件

我有一个从空白模板开始的雪包项目。我的 index.js 文件从我正在开发的另一个模块调用一个函数,该模块已使用npm link.

当我在另一个模块中更改文件时,它不会在 snowpack 中更新。即使我重新启动开发服务器,它也不会更新。我必须使用--reload参数重新启动 snowpack 以清除缓存。

如何确保对文件的更改node_modules被雪包识别以便重建?

0 投票
2 回答
1448 浏览

snowpack - snowpack:项目文件夹之外的参考文件

我们的团队开发了一堆 JavaScript 浏览器应用程序。这些应用程序共享功能(核心)和 Web 组件(共享)。文件夹结构为:

每个文件夹包含一个src文件夹。

考虑在文件夹中使用 snowpackapp-1我想引用其中的 js 文件/core/src/shared/src两者都用于开发(使用snowpack dev)和打包(使用snowpack build

  1. 这可能吗?
  2. 是否有最佳实践如何实现这一目标?
  3. 是否有这种情况(或类似情况)的例子

我尝试了什么:

第 1 步:我使用了这样的路径:../../core/src/router.js. 这不起作用,可能是因为资源位于测试服务器的 webroot 之外 ( snowpack dev)。

第 2 步:我创建了两个符号链接:

现在本地服务器找到了所有资源。然而,构建过程只找到了那些是core/srcor的直接子shared/src文件的文件,但没有找到子文件夹中的任何文件,例如shared/src/component/filter.js.

有什么想法或想法吗?

附录

snowpack.config.jsonapp-1 的:

导入示例app-1/src/handler

0 投票
1 回答
112 浏览

file - Snowpack 开发人员未检测到文件更改

无论我做什么,Snowpack 都不会检测到任何变化。

我使用带有 WSL2 和 VSCode 版本 1.51 的 Windows 10

我不相信这是一个 VSCode 问题,因为即使在 zsh 中它也不会检测到更改

我已经尝试过
sudo sysctl fs.inotify.max_user_watches=524288 && sudo sysctl -p --system

echo fs.inotify.max_user_watches=524288 | sudo tee /etc/sysctl.d/40-max-user-watches.conf && sudo sysctl --system
但仍然没有运气 :(
模板是@snowpack/app-template-react-typescript
如果您需要任何额外信息,请在评论中询问我 ⬇</p>

0 投票
1 回答
930 浏览

javascript - 使 Snowpack 与 Babel 一起工作,“require is not defined”。我错过了需求转换吗?

我正在接近 Snowpack,以前使用过 Webpack + Babel 加载器。我错过了一些东西,我知道什么:某种requirepolyfill 或 transformation。我不知道require在浏览器中工作的 Webpack 的内部结构,但我无法使用 Snowpack 获得相同的结果。

在我的snowpack.config.json我正在加载 Babel 插件:

.babelrc正在使用@babel/preset-env

一个测试脚本被转换snowpack build成这样:

(当然,问题require是没有定义)

0 投票
1 回答
614 浏览

reactjs - 无法让 Sass 与 @snowpack/app-template-react-typescript 一起使用

我正在尝试让 Sass 与@snowpack/app-template-react-typescript
一起工作, 我遵循了这个。我试过制作一个新项目并添加它,但仍然没有任何效果:(

snowpack.config.js

如果您需要更多信息,请在评论中问我⬇
谢谢!

0 投票
0 回答
357 浏览

javascript - 如何正确将 Snowpack 配置为 React 项目?

我是 Snowpack 的新手,正在努力让它正常运行。

我有一个结构如下的 CRA 项目:

在我的 snowpack.config.js 我有这个:

我不确定我应该如何配置输出结构,但目前我得到 404s snowpack dev,错误显示输出路径为:

以前有没有人遇到过类似的问题?或者任何人都可以指导我正确的方向吗?任何帮助将不胜感激。