svelte相关内容
我实际上正在构建一个基本的svelkit应用程序。 我需要获取天气API,但无法获取我有CORS错误: 我想我需要为https://www.metaweather.com设置代理。有什么方法可以使用Svelte工具包来设置代理吗? 推荐答案 当然有。SvelteKit Routing提供两种类型的路由,页面(=前端)和端点(=后端)。 引用SvelteKit routing
..
摘要 在响应中发送Set-Cookie标头后,它将接受另一个请求,然后该Cookie才会在hooks.ts文件的handle()函数中可见。 示例 用户将用户名和密码发布到登录终结点; Enpoint使用SETAccess_TokenCookie标头进行响应; 应将用户重定向到受保护的页面。(失败) 它失败是因为auth Guard检查Cookie是否存在,但此时无法从
..
在Svelte项目中,package.json文件中已经设置了三个脚本 "scripts": { "build": "rollup -c", "dev": "rollup -c -w", "start": "sirv public --single" }, 我对rollup.config.js文件的理解 运行npm run build会将项目编译到pub
..
在Svelte组件中,我试图访问我在汇总配置文件中设置的对象。 我的rollup.config.js文件如下: import replace from '@rollup/plugin-replace'; ... export default { ... replace({ foo: JSON.stringify({ bar: 'Hello' }), }),
..
每当我从服务器获取数据时,当我使用Sapper构建项目时,预加载函数在脚本上下文=“MODULE”中声明如下。 export async function preload(page) { return await this.fetch(`https://reqres.in/api/users?page=1`) .then
..
我该如何做这样的事情: Nested { color: blue; } 即如何将样式从其父组件应用到组件? 推荐答案 您需要使用导出LET将道具传递给父组件,然后将这些道具绑定到子组件中的类或样式。 您可以在要动态设置样式的子项中的元素上放置一个样式标记,并使用为父项导出的变量直接确定样式值,然后在标记上
..
以下Svelte代码运行良好:
Hello {{options.name.value || 'stranger'}}!
使用此JSON: { "options": { "name"
..
我正在创建一个Sapper页面,我想在其中使用Google Sign-in button。需要data-onsuccess属性来指定回调函数。根据我从Google的平台JS库中发现的内容,它在全局/window范围内查找函数。 有没有办法在全局网页范围内访问/调用Svelte的组件函数?它可能用于与无法通过import直接加载到组件中的外部库进行互操作。 我正在尝试执行的操作示例:
..
我是Svelte的新手,但到目前为止我还很喜欢它。我已经用Svelte&;TypeScrip编写了一个简单的tic-tac-toe应用程序来练习它,现在我正在添加我喜欢的工具。我通常使用eslint/更漂亮的组合设置,依靠eslint-plugin-更漂亮的将两者结合在一起。然而,对于Svelte来说,这是行不通的。 澄清一下,ESLint本身工作得很好。更漂亮的产品本身就很好用。然而
..
我不确定这是否属于这里,但我在开发我的Svelte应用程序时遇到了问题。 在开发过程中,它当前运行在独立服务器上(遵循使用ROLLUP和SIRV的指南),并以不同端口上的后端API为目标。 以后这些将被合并,但现在在开发过程中,我看到了很多CORS问题(这是有道理的),而且由于我目前无法更改后端,我想知道正常的操作过程是什么,以使其正常工作? 我假设我应该以某种方式创建一个与ROLLU
..
我是Svelte的新手,我正在尝试如何使用Axios获取CSV。这看起来应该是直截了当的,但我一点运气都没有。我尝试了几种不同的方法,但都没有得到我的数据。我一定漏掉了什么?下面是我的App.svelte文件中的代码。(目前这只是最基本的信息)希望能帮上忙。谢谢! 更新:我正在使用Google Chrome 94版和最新版本的Axios(";axios";:^0.23.0&q
..
我有一个带有几个内部链接和几个外部链接的小型单页应用程序。我希望在新选项卡中自动打开所有外部链接,因此我将html设置如下: 这在Chrome中运行得很好。当我点击导航栏上的链接时,我的网站会在同一个标签页内导航,而当我点击外部链接时,它会尽职尽责地在新的标签页中打开。 然而,当我使用Firefox(几个测试版本)访问我的网
..
我将Svelte和汇总与代码拆分结合使用,以下是我的rollup.config.js: 的一些部分 input: { 'boot': 'src/boot.js', 'app': 'src/app.js', 'agency': 'src/modules/agency.js', 'buyer': 'src/modules/bu
..
我想用Svelte/Kit和JWT创建一个网站。 我在互联网上找到了相关说明,例如: Svelte JWT身份验证https://morioh.com/p/1d95522418b2 使用Cookie的SvelteKit会话身份验证https://www.youtube.com/watch?v=bG7cxwBMVag 但不幸的是,没有关于Svelte Kit和JWT的说明。所以我亲自试了试。
..
我是Svelte的新手,我正在尝试使用Svelte在全屏幕上渲染画布。听起来很容易做,但我不能让它正常工作。我将width和height变量绑定到父级的clientWidth/clientHeight,并使用这些变量设置画布的尺寸。现在的问题是,当调用onMount时,width和height变量被设置,但它们还没有应用于Canvas元素。这意味着当画布第一次渲染时,它仍然具有初始尺寸,而不是父级
..
有没有办法知道Svelte组件何时完成加载其所有外部资源,而不是onMount? 类似于window的onload事件。 编辑:要清理问题,我希望组件在完全加载其所有图像后执行某些操作。 EDIT2:我决定使用Java脚本来加载图像。在我看来,这不是最干净的做事方式,但它很管用。 谢谢! 推荐答案 EDIT2:我决定使用Java脚本来加载图像。在我看来,这不是最干净的
..
我在Svelte的反应性有一些严重的问题。我已经隔离了我认为至少是我的主要问题之一。绑定:将变量绑定到复选框时,当在函数内设置变量时,反应性似乎会中断,但在函数外则不会。这是故意的行为吗?既然如此,为什么呢?计划的工作流程是什么? 示例代码,Svelte组件: let foo = true; // This assignment works both
..
我目前正在开发一个使用Svelte和Sapper的网站。我正在使用Svelte过渡来制作一些页面元素的动画。每当我更改到新的页面路线时,过渡都会正确地显示动画。但当我第一次加载页面时,它们没有动画效果。 Svelte如何处理页面加载时的动画?我是否需要使用onmount()才能使它们正常工作? 推荐答案 因为Sapper服务器呈现页面,intro: true将导致可见内容的尴尬闪
..
在Svelte中可以传递props to the content in a slot。
{message} 当Sapper使用布局呈现路线时,路线内容也会呈现在一个槽中。问题是,由于Sapper控制了这一过程,似乎不可能将槽口道具传递给路线
..
我正在处理一个Sapper项目,我想在加载到插槽之前将一些异步数据加载到布局中。我发现在a_layout.svelte文件中,我无法向槽传递道具。 //_layout.svelte //index.svelte export let foo; alert(foo); // returns undefined
..