我想使用该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) 我是 Svelte 和一般编码方面的新手。我更愿意学习 SvelteKit (Svelte@Next) 而不是 sapper,因为这似乎是 Svelte 的发展方向。
对于我的个人项目,我需要支持基于 url slugs 的动态路由。我该如何在 SvelteKit 中做到这一点?例如,如果我有 /blog 目录并且需要根据其“id”提取内容,我该怎么做?
我遇到困难的部分是访问 URL slug 参数。
提前致谢。
我正在尝试/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 一段时间了,现在我已切换到 SvelteKit,这样我就可以添加多个页面。我想向我的网站添加一些图像,但我不知道将它们放在哪里。在 Svelte 中,我只是将它们放入public/images,但没有SvelteKit 文件夹(如果重要的话,public我会设置它)。npm init svelte@next my-app 我会把它们放进去吗static?
谢谢!
我最近开始通过 SvelteKit 使用 Svelte,我对这个框架有一些疑问,但我无法在源代码/文档中找到任何直接答案:
如果您需要从外部 API 请求数据,所有服务器端代码(包括端点)都可以访问 fetch。
谢谢!
prerender server-side-rendering svelte netlify-function sveltekit
基本上,如何做 ff. 在 SvelteKit 中:
我的 sveltekit 应用程序有一个表单,可以向服务器发送 POST 请求。该应用程序在开发服务器上运行良好,但是当我构建并运行该应用程序时,它无法通过 POST 请求发送表单数据。它在浏览器中显示以下错误:
禁止跨站点 POST 表单提交
在layout.server.ts我尝试
import type { LayoutServerLoad } from './$types';
Run Code Online (Sandbox Code Playgroud)
但找不到类型:
“./$types”没有名为“LayoutServerLoad”的导出成员。您的意思是“LayoutServerData”吗?
我需要做什么才能获取类型LayoutServerLoad(或PageLoad或PageServerLoad...)./$types?
我正在学习 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 方法可以做到这一点?
我是 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)
当项目构建时,它到处都会抛出错误。任何帮助,将不胜感激。