问题标签 [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.
vue.js - Vue 单文件组件导入生命周期钩子
我需要帮助设置我的 Vue 应用程序(我只是在学习 vue)。
我在教程中读到要访问生命周期挂钩,我需要执行以下操作:
但是,VSCode 的智能感知不能将 onMounted 识别为从 vue 导出的函数。当我在 snowpack 中运行我的代码时,它仍然无法识别该功能。
javascript - 如何在 Vue 和 Snowpack 中配置运行时编译
我正在尝试使用运行时编译来设置Vue项目,但我不太确定如何在Snowpack中配置它。
基本上目前当我运行项目时,我得到一个空白屏幕和通常的“[Vue 警告]:组件提供的模板选项,但这个 Vue 版本不支持运行时编译。将你的捆绑器配置为别名“vue”到“vue/dist /vue.esm-bundler.js”。
目前我的文件如下所示:
snowpack.config.js:
index.js:
索引.html:
我尝试添加别名,但这似乎没有任何作用:
snowpack.config.js
有人知道我如何获得运行时编译设置吗?
谢谢,马特
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
如果我进入开发者模式,我会看到以下请求失败
返回的响应是
是否需要对服务器进行配置以允许它通过这样的代理工作?
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'
javascript - 更改后,Snowpack 开发服务器不会重新编译 node_modules 中的文件
我有一个从空白模板开始的雪包项目。我的 index.js 文件从我正在开发的另一个模块调用一个函数,该模块已使用npm link
.
当我在另一个模块中更改文件时,它不会在 snowpack 中更新。即使我重新启动开发服务器,它也不会更新。我必须使用--reload
参数重新启动 snowpack 以清除缓存。
如何确保对文件的更改node_modules
被雪包识别以便重建?
snowpack - snowpack:项目文件夹之外的参考文件
我们的团队开发了一堆 JavaScript 浏览器应用程序。这些应用程序共享功能(核心)和 Web 组件(共享)。文件夹结构为:
每个文件夹包含一个src
文件夹。
考虑在文件夹中使用 snowpackapp-1
我想引用其中的 js 文件/core/src
或/shared/src
两者都用于开发(使用snowpack dev
)和打包(使用snowpack build
)
- 这可能吗?
- 是否有最佳实践如何实现这一目标?
- 是否有这种情况(或类似情况)的例子
我尝试了什么:
第 1 步:我使用了这样的路径:../../core/src/router.js
. 这不起作用,可能是因为资源位于测试服务器的 webroot 之外 ( snowpack dev
)。
第 2 步:我创建了两个符号链接:
现在本地服务器找到了所有资源。然而,构建过程只找到了那些是core/src
or的直接子shared/src
文件的文件,但没有找到子文件夹中的任何文件,例如shared/src/component/filter.js
.
有什么想法或想法吗?
附录
snowpack.config.json
app-1 的:
导入示例app-1/src/handler
:
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>
javascript - 使 Snowpack 与 Babel 一起工作,“require is not defined”。我错过了需求转换吗?
我正在接近 Snowpack,以前使用过 Webpack + Babel 加载器。我错过了一些东西,我知道什么:某种require
polyfill 或 transformation。我不知道require
在浏览器中工作的 Webpack 的内部结构,但我无法使用 Snowpack 获得相同的结果。
在我的snowpack.config.json
我正在加载 Babel 插件:
我.babelrc
正在使用@babel/preset-env
:
一个测试脚本被转换snowpack build
成这样:
(当然,问题require
是没有定义)
reactjs - 无法让 Sass 与 @snowpack/app-template-react-typescript 一起使用
我正在尝试让 Sass 与@snowpack/app-template-react-typescript
一起工作,
我遵循了这个。我试过制作一个新项目并添加它,但仍然没有任何效果:(
snowpack.config.js
如果您需要更多信息,请在评论中问我⬇
谢谢!
javascript - 如何正确将 Snowpack 配置为 React 项目?
我是 Snowpack 的新手,正在努力让它正常运行。
我有一个结构如下的 CRA 项目:
在我的 snowpack.config.js 我有这个:
我不确定我应该如何配置输出结构,但目前我得到 404s snowpack dev
,错误显示输出路径为:
以前有没有人遇到过类似的问题?或者任何人都可以指导我正确的方向吗?任何帮助将不胜感激。