typescript - ESLint báo lỗi rằng namespace App của SvelteKit chưa được định nghĩa

Trong trang +error.svelte của tôi, tôi muốn nhập một component, và sau đó truyền đối tượng lỗi vào.

<script lang="ts"> import { page } from "$app/stores"; const error = $page.error; </script> <RenderError {error} />

Đọc thêm →

javascript - Hỏi xác nhận trước khi thay đổi tuyến đường Sveltekit

Tôi muốn yêu cầu người dùng xác nhận bằng cách sử dụng hàm confirm().

Hiện tại tôi theo dõi khi người dùng thay đổi tuyến đường với mã này:

import { navigating } from '$app/stores'; $: if($navigating) alert('changing route');

Nhưng nó thay đổi đường đi cùng lúc khi đang

Đọc thêm →

lỗi kiểu - SvelteKit không nhận dạng cú pháp Typescript

Tôi có một dự án SvelteKit với typescript (cài đặt với Vite) mà chạy bình thường khi dùng "npm run dev". Tuy nhiên, khi tôi thử đưa ứng dụng lên Github Pages, lỗi này xuất hiện (trên local host) khi di chuột qua liên kết duy nhất của tôi chứa mã typescript (nó tải trước trang khi liên kết được di chuột).

[plugin:vite-plugin-svelte] Ký tự không mong đợi

[plugin:vite-plugin-svelte] C:/Users/mwnbo/source/repos/Svelte/chess-app/src/lib/Board.svelte:10:14 Unexpected token C

Đọc thêm →

typescript - Cú pháp chú thích @type import('./$types') hoạt động như thế nào trong SvelteKit?

Hiện tại tôi đang học SvelteKit và tình cờ gặp một số đoạn mã mà tôi không hiểu cú pháp của chúng.

Trong +page.server.ts tôi không hiểu cú pháp này:

/** @type {import('./$types').PageServerLoad} */

Với mắt tôi chưa được đào tạo, điều này trông chỉ như bị chú thích nhưng /** */ đang làm điều gì đó đảm bảo nó hoạt động. Không biết.

Câu trả lời #1

SvelteKit tạo ra một thư mục .svelte-ki

Đọc thêm →

javascript - Cách Truyền Dữ Liệu từ Hook trong SvelteKit đến trang

Tôi đang làm việc với SvelteKit để xử lý xác thực người dùng thông qua giải mã JWT trong một server hook. Tôi đã thành công trong việc lưu dữ liệu người dùng trong 'sessionUser', dữ liệu này hiển thị khi tôi log event.locals. Tuy nhiên, tôi gặp khó khăn khi truy cập dữ liệu này trong hàm load bên trong tệp +page.svelte của mình. Mỗi lần tôi log dữ liệu này trên trang, nó đều trả về undefined. Bất kỳ hướng dẫn nào đúng đều sẽ được đánh giá cao!

ghi nhật ký console cho event.locals.user

Đọc thêm →

typescript - Cách cấu hình tệp index.d.ts bên trong thư mục lib trong SvelteKit

Tôi có cấu trúc thư mục sau trong SvelteKit:

... lib/ form/ Input.svelte Button.svelte ...

Tôi muốn đặt một tệp index.d.ts hoặc gì đó tương tự để tôi có thể nhập tệp index thay vì từng thành phần riêng lẻ. Ví dụ:

Đọc thêm →

typescript - Cửa hàng có thể ghi bị ghi đè khi thay đổi trang, SvelteKit

Tôi tới các giá trị được lưu trữ trong một kho có thể ghi

import { writable } from 'svelte/store' export const user = writable(null) export const isLoggedIn = writable(false)

Sau đó tôi nhập các giá trị này từ và đặt chúng trong chỉ mục

import { getAuth, sig

Đọc thêm →

svelte - Lỗi khi nhập khi nhập các kiểu trong ứng dụng SvelteKit typescript

Khi cố gắng chạy ứng dụng SvelteKit của tôi, tôi nhận được lỗi sau:

Tôi có một tệp types.ts nơi tôi xuất các kiểu TypeScript của mình:

export type ProductType = { name: string; link: string; imgURL: string; alt: string };

Và trong file index.svelte của tôi, tôi import kiểu:

<script context=

Đọc thêm →

typescript - Có cách nào ngắn gọn/súc tích hơn để xác thực các trường trong SvelteKit không?

Hiện tại, tôi đang sử dụng một loạt các hàm tiện ích, cũng như toán tử $ của SvelteKit để xác định xem một biểu mẫu có hợp lệ hay không như sau:

<script lang="ts"> const required = (str: string) => str.length < 1; cons

Đọc thêm →

svelte - 'require' chưa được định nghĩa - Sveltekit với TypeScript

Tôi đang sử dụng cả cú pháp import và require trong các tệp .ts trong một dự án Svelte, và tự hỏi tại sao nó lại báo lỗi cho tôi

require không được định nghĩa

Tôi đang tự hỏi liệu có một lỗ hổng trong kiến thức của mình và tôi đang bỏ lỡ điều gì đó đơn giản không?

tsconfig.json:

{ "compilerOptions": { "moduleResolution": "node", "module":

Đọc thêm →