标签: sveltekit

npm run dev --host 网络:未暴露

我想使用该npm run dev --host命令在 LAN 上公开我的 svelte 应用程序,但它显示:

> frontend@0.0.1 dev
> svelte-kit dev


  SvelteKit v1.0.0-next.295

  local:   http://localhost:3000
  network: not exposed

  Use --host to expose server to other devices on this network


Run Code Online (Sandbox Code Playgroud)

linux npm server npm-run sveltekit

37
推荐指数
2
解决办法
6万
查看次数

SvelteKit:如何进行基于 slug 的动态路由?

我是 Svelte 和一般编码方面的新手。我更愿意学习 SvelteKit (Svelte@Next) 而不是 sapper,因为这似乎是 Svelte 的发展方向。

对于我的个人项目,我需要支持基于 url slugs 的动态路由。我该如何在 SvelteKit 中做到这一点?例如,如果我有 /blog 目录并且需要根据其“id”提取内容,我该怎么做?

我遇到困难的部分是访问 URL slug 参数。

提前致谢。

javascript svelte svelte-3 sveltekit

33
推荐指数
3
解决办法
4万
查看次数

如何在 sveltekit 中获取查询字符串参数?

我正在尝试/login?ref=/some/path登录后重定向到的参数:

const ref = $page.url.searchParams.get('ref') || '/dashboard';
Run Code Online (Sandbox Code Playgroud)

但是我收到这个错误:

TypeError: Cannot read properties of undefined (reading 'searchParams')

svelte svelte-3 sveltekit

33
推荐指数
3
解决办法
4万
查看次数

使用 SvelteKit 将图像放在哪里

我已经使用 Svelte 一段时间了,现在我已切换到 SvelteKit,这样我就可以添加多个页面。我想向我的网站添加一些图像,但我不知道将它们放在哪里。在 Svelte 中,我只是将它们放入public/images,但没有SvelteKit 文件夹(如果重要的话,public我会设置它)。npm init svelte@next my-app 我会把它们放进去吗static

谢谢!

image sveltekit

30
推荐指数
2
解决办法
4万
查看次数

SvelteKit 中的 SSR 解释

我最近开始通过 SvelteKit 使用 Svelte,我对这个框架有一些疑问,但我无法在源代码/文档中找到任何直接答案:

  1. SvelteKit 有SSR,在文档中它说:

如果您需要从外部 API 请求数据,所有服务器端代码(包括端点)都可以访问 fetch。

  • 除了端点之外,服务器端还呈现哪些代码以及它如何决定这一点?svelte 页面脚本中的所有代码都在客户端上运行,还是其中一些代码在服务器上运行?
  • 为了在本地使用 SSR,您需要一个适配器,还是 svelte 自己启动服务器?
  • 例如,SSR如何在像Netlify这样的生产环境中工作。netlify 适配器是否用于 SSR(在netlify 函数中运行端点)?如果未提供 netlify 适配器,端点将如何/在哪里运行?
  1. 如果我想在sveltekit 项目中使用自定义 netlify 函数,需要哪些配置(除了 netlify.toml 和 netlify 适配器)才能让 netlify 识别函数目录中的函数?
  2. SSR 和预渲染之间有什么区别?SSR仅用于端点和其他js代码,预渲染用于生成Html并将其发送到客户端,然后将其与编译后的js代码一起发送到浏览器?

谢谢!

prerender server-side-rendering svelte netlify-function sveltekit

27
推荐指数
2
解决办法
2万
查看次数

如何在 SvelteKit 中添加自定义 404 页面和不同的错误页面(针对其他错误)?

基本上,如何做 ff. 在 SvelteKit 中:

  • 首先添加自定义 404 页面。
  • 有一个不同的通用错误页面,将显示有关 SvelteKit 中错误的消息/描述

svelte sveltekit

27
推荐指数
2
解决办法
2万
查看次数

禁止跨站点 POST 表单提交

我的 sveltekit 应用程序有一个表单,可以向服务器发送 POST 请求。该应用程序在开发服务器上运行良好,但是当我构建并运行该应用程序时,它无法通过 POST 请求发送表单数据。它在浏览器中显示以下错误:

禁止跨站点 POST 表单提交

post backend node.js svelte sveltekit

27
推荐指数
2
解决办法
2万
查看次数

SvelteKit,导入类型 LayoutServerLoad/PageLoad

layout.server.ts我尝试

import type { LayoutServerLoad } from './$types';
Run Code Online (Sandbox Code Playgroud)

但找不到类型:

“./$types”没有名为“LayoutServerLoad”的导出成员。您的意思是“LayoutServerData”吗?

我需要做什么才能获取类型LayoutServerLoad(或PageLoadPageServerLoad...)./$types

sveltekit

26
推荐指数
1
解决办法
9502
查看次数

如何在 Sveltekit 中动态更改页面标题?

我正在学习 SvelteKit,这可能是一个非常基本的问题。但我不知道如何更改选项卡的标题。

在我的src/+layout.svelte我有:

    <script>
        let title="My Site Homepage"
    
    </script>
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        ...
      <title>{title}</title>
  
   </head>
Run Code Online (Sandbox Code Playgroud)

然后在我的/src/faq/+page.svelte我想将标题更改为“常见问题解答”

所以我把

<script>
    let title="FAQ"        
</script>
Run Code Online (Sandbox Code Playgroud)

但是当我访问http://localhost:5173/faq该选项卡的标题时没有改变。所以我想知道我该怎么做?有没有一种 idomatic 方法可以做到这一点?

svelte sveltekit

25
推荐指数
2
解决办法
1万
查看次数

找不到包 sveltejs/adapter-auto svelte.config.js

我是 SvelteKit 的新手,并且已经根据 SvelteKit 文档构建了一个初始项目。当项目打开时,我在查看 index.svelte 时收到以下错误。

svelte.config.js 中的错误

错误 [ERR_MODULE_NOT_FOUND]:找不到从 /Users/.../svelte.config.js 导入的包“@sveltejs/adapter-auto”

package.json 文件

"devDependencies": {
        "@sveltejs/adapter-auto": "next",
        "@sveltejs/kit": "next",
        "prettier": "^2.5.1",
        "prettier-plugin-svelte": "^2.5.0",
        "svelte": "^3.44.0",
        "svelte-check": "^2.2.6",
        "typescript": "~4.6.2"
    },
Run Code Online (Sandbox Code Playgroud)

svelte.config.js 文件

import adapter from '@sveltejs/adapter-auto';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    kit: {
        adapter: adapter()
    }
};

export default config;
Run Code Online (Sandbox Code Playgroud)

当项目构建时,它到处都会抛出错误。任何帮助,将不胜感激。

sveltekit

22
推荐指数
1
解决办法
2万
查看次数