问题标签 [sveltekit]

这是我的顺风配置文件，我尝试添加一个新的颜色变量。但它不起作用！但是在 VsCode Tailwind CSS IntelliSense 插件中建议颜色。

tailwind.config.cjs

VsCode 代码段

在网络中

注意：更改配置文件后，我重新启动 hmr。

我正在尝试使用 Svelte 构建具有基于角色的访问权限的 SPA。来自 Angular 的路由保护，我想设置类似的东西。

最好的方法是什么？

编辑：

我确实指的是 SvelteKit，我更新了我的问题以反映这一点。

我正在尝试设置一个在 TypeScript 中使用上下文的组件。当我尝试运行它时，出现以下错误

我一直在关注文档中的示例，所以我不确定我哪里出错了。我觉得我可能犯了一个愚蠢的错误，但无论哪种方式，任何帮助都会受到赞赏。

这是我一直试图运行的

carousel.svelte

carouselItem.svelte

我正在尝试将一个 SvelteKit 应用程序中的一个苗条组件调用到另一个应用程序，以便我可以在调用者应用程序的 DOM 中呈现它。我创建了一个端点来获取组件，呈现它并将响应发送给调用者，如下所示：

组件内容：

我在调用方得到这个对象：

我将它注入到调用者的 DOM 中，如下所示：

这很好用，但是当我像这样使用 svelte 的功能时：

它抛出错误说：Uncaught SyntaxError: Cannot use import statement outside a module。如何使用 svelte 的功能（svelte 代码/内置功能/水化部分）并将其导出以供另一个应用程序使用？

我正在使用最新的 Svelte Kit 以及 Svelte Materialify 库进行快速 UI 开发。库文档描述了主题开发方法：

您想自定义一些 SCSS 变量吗？不用担心，只需将它们放在您创建的_material-theme.scss中：

但是这种方法没有奏效。即使在我在 Svelte Kit 配置中指定了文件夹并安装了所有依赖项之后：

通过导出npm run build

使用标准 SvelteKit 演示应用程序进行测试，并像往常一样在配置中添加适配器节点：

在撰写本文时使用最新版本：

• SvelteKit v1.0.0-next.123
• 适配器节点 v1.0.0-next.32。

node index.js 在本地工作但在生产中失败：

服务器正在运行最新的 NodeJS (v16.4.2)。

我试过的

• 将构建重命名index.js为index.mjs
• "type": "module"在 package.json 中（现在是默认设置）
• require像这样在配置中导入

错误持续存在。想法？

我将 SvelteKit 与 Typescript 一起使用。在 $lib 文件夹中，我有一个 .ts 文件。

我尝试从'$app/stores'.ts 文件中访问用户/会话。

但是当调用该函数时，我在控制台中收到以下错误消息：

未捕获（承诺中）错误：在组件初始化外部调用的函数

我该如何解决这个问题？

非常感谢！

使用 svelte-kit 应用程序并使用 3rd 方 api。

当 api 端点不可用时，try catch 块将捕获错误，此时我可以选择重定向或发回错误和状态。如果发送 404 之类的错误，如果我想显示除普通 404 通用错误页面以外的其他内容，则模板 __error.svelte 需要存在。

来自 sveltekit init 的 todo 演示示例：如果 todos 端点不可用而不是 props 我们返回 {status:404, error: 'Not Found'}。

如何返回错误消息但仍加载当前页面？（不是重定向或嵌套模板后备，而是留在页面上？）

如果我有一个表格列表，我希望只有标题存在，并且消息将在应用程序的指定区域中。

它接缝我错过了一些东西或重定向，而 __error.svelte 嵌套模板是要走的路吗？

如何在 svelte 中的每个块内增加某些条件下的计数？

所以我创建了一个博客，它动态获取和解析.mdmarkdown文件并呈现内容。现在我想振作一点。HTML-Tags 将被解析，所以

将呈现为

但不幸的是，在逻辑上，一个自定义的 Svelte-Component 例如<Foo />只会呈现为

而不是组件本身。那么有没有办法，我可以用相应的组件替换标签？