svelte相关内容

Sveltekit代理API可避免CORS

我实际上正在构建一个基本的svelkit应用程序。 我需要获取天气API,但无法获取我有CORS错误: 我想我需要为https://www.metaweather.com设置代理。有什么方法可以使用Svelte工具包来设置代理吗? 推荐答案 当然有。SvelteKit Routing提供两种类型的路由,页面(=前端)和端点(=后端)。 引用SvelteKit routing ..
发布时间:2022-08-17 17:16:46 其他开发

Sveltekit新创建的Cookie没有显示在钩子的句柄函数中

摘要 在响应中发送Set-Cookie标头后,它将接受另一个请求,然后该Cookie才会在hooks.ts文件的handle()函数中可见。 示例 用户将用户名和密码发布到登录终结点; Enpoint使用SETAccess_TokenCookie标头进行响应; 应将用户重定向到受保护的页面。(失败) 它失败是因为auth Guard检查Cookie是否存在,但此时无法从 ..
发布时间:2022-08-17 17:13:10 其他开发

如何在Svelte中使用css来定位组件?

我该如何做这样的事情: Nested { color: blue; } 即如何将样式从其父组件应用到组件? 推荐答案 您需要使用导出LET将道具传递给父组件,然后将这些道具绑定到子组件中的类或样式。 您可以在要动态设置样式的子项中的元素上放置一个样式标记,并使用为父项导出的变量直接确定样式值,然后在标记上 ..
发布时间:2022-08-17 16:44:40 前端开发

从全局范围调用Svelte组件的函数

我正在创建一个Sapper页面,我想在其中使用Google Sign-in button。需要data-onsuccess属性来指定回调函数。根据我从Google的平台JS库中发现的内容,它在全局/window范围内查找函数。 有没有办法在全局网页范围内访问/调用Svelte的组件函数?它可能用于与无法通过import直接加载到组件中的外部库进行互操作。 我正在尝试执行的操作示例: ..
发布时间:2022-08-11 13:49:04 前端开发

将Svelte、TypeScrip、ESLint、&;更漂亮地放在一起时出错

我是Svelte的新手,但到目前为止我还很喜欢它。我已经用Svelte&;TypeScrip编写了一个简单的tic-tac-toe应用程序来练习它,现在我正在添加我喜欢的工具。我通常使用eslint/更漂亮的组合设置,依靠eslint-plugin-更漂亮的将两者结合在一起。然而,对于Svelte来说,这是行不通的。 澄清一下,ESLint本身工作得很好。更漂亮的产品本身就很好用。然而 ..
发布时间:2022-08-08 16:08:56 其他开发

Svelte API代理CORS

我不确定这是否属于这里,但我在开发我的Svelte应用程序时遇到了问题。 在开发过程中,它当前运行在独立服务器上(遵循使用ROLLUP和SIRV的指南),并以不同端口上的后端API为目标。 以后这些将被合并,但现在在开发过程中,我看到了很多CORS问题(这是有道理的),而且由于我目前无法更改后端,我想知道正常的操作过程是什么,以使其正常工作? 我假设我应该以某种方式创建一个与ROLLU ..
发布时间:2022-07-25 14:05:40 其他开发

我如何在Svelte应用程序中使用Axios抓取CSV?

我是Svelte的新手,我正在尝试如何使用Axios获取CSV。这看起来应该是直截了当的,但我一点运气都没有。我尝试了几种不同的方法,但都没有得到我的数据。我一定漏掉了什么?下面是我的App.svelte文件中的代码。(目前这只是最基本的信息)希望能帮上忙。谢谢! 更新:我正在使用Google Chrome 94版和最新版本的Axios(";axios";:^0.23.0&q ..
发布时间:2022-07-21 20:38:53 其他开发

目标=在Firefox的新选项卡中打开,而不是在Chrome(Svelte)中打开

我有一个带有几个内部链接和几个外部链接的小型单页应用程序。我希望在新选项卡中自动打开所有外部链接,因此我将html设置如下: 这在Chrome中运行得很好。当我点击导航栏上的链接时,我的网站会在同一个标签页内导航,而当我点击外部链接时,它会尽职尽责地在新的标签页中打开。 然而,当我使用Firefox(几个测试版本)访问我的网 ..
发布时间:2022-07-21 20:29:38 前端开发

令牌在终结点生成,但不会到达页面

我想用Svelte/Kit和JWT创建一个网站。 我在互联网上找到了相关说明,例如: Svelte JWT身份验证https://morioh.com/p/1d95522418b2 使用Cookie的SvelteKit会话身份验证https://www.youtube.com/watch?v=bG7cxwBMVag 但不幸的是,没有关于Svelte Kit和JWT的说明。所以我亲自试了试。 ..
发布时间:2022-07-21 20:18:41 其他开发

Sveltejs全宽画布

我是Svelte的新手,我正在尝试使用Svelte在全屏幕上渲染画布。听起来很容易做,但我不能让它正常工作。我将width和height变量绑定到父级的clientWidth/clientHeight,并使用这些变量设置画布的尺寸。现在的问题是,当调用onMount时,width和height变量被设置,但它们还没有应用于Canvas元素。这意味着当画布第一次渲染时,它仍然具有初始尺寸,而不是父级 ..
发布时间:2022-07-21 20:11:01 前端开发

Svelte组件加载

有没有办法知道Svelte组件何时完成加载其所有外部资源,而不是onMount? 类似于window的onload事件。 编辑:要清理问题,我希望组件在完全加载其所有图像后执行某些操作。 EDIT2:我决定使用Java脚本来加载图像。在我看来,这不是最干净的做事方式,但它很管用。 谢谢! 推荐答案 EDIT2:我决定使用Java脚本来加载图像。在我看来,这不是最干净的 ..
发布时间:2022-07-21 20:04:44 前端开发

Svelte反应性在函数内部是如何工作的?

我在Svelte的反应性有一些严重的问题。我已经隔离了我认为至少是我的主要问题之一。绑定:将变量绑定到复选框时,当在函数内设置变量时,反应性似乎会中断,但在函数外则不会。这是故意的行为吗?既然如此,为什么呢?计划的工作流程是什么? 示例代码,Svelte组件: let foo = true; // This assignment works both ..
发布时间:2022-07-21 19:58:44 前端开发

页面加载时的平滑过渡和动画

我目前正在开发一个使用Svelte和Sapper的网站。我正在使用Svelte过渡来制作一些页面元素的动画。每当我更改到新的页面路线时,过渡都会正确地显示动画。但当我第一次加载页面时,它们没有动画效果。 Svelte如何处理页面加载时的动画?我是否需要使用onmount()才能使它们正常工作? 推荐答案 因为Sapper服务器呈现页面,intro: true将导致可见内容的尴尬闪 ..
发布时间:2022-07-21 19:53:03 其他开发

_layout.svelte内的槽道具不通过道具

我正在处理一个Sapper项目,我想在加载到插槽之前将一些异步数据加载到布局中。我发现在a_layout.svelte文件中,我无法向槽传递道具。 //_layout.svelte //index.svelte export let foo; alert(foo); // returns undefined ..
发布时间:2022-07-21 19:44:15 其他开发