问题标签 [sveltekit]

我正在尝试在 SvelteKit 项目中使用 dotenv.config() 。

我可以npm run build成功运行。但是当我尝试启动服务器（使用node build）时，它会抛出Error: Dynamic require of "fs" is not supported.

我试图注释掉 dotenv 部分src/routes/test.js并再次构建，这次服务器启动时没有任何错误。（我在npm init svelte@next没有打字稿的情况下创建了项目，除了这里的代码，其他没有任何改变）

我应该如何在这里使用 dotenv 在运行时加载环境变量？

苗条的.config.js

/src/routes/test.js

.env

我用import { MongoClient } from 'mongodb';, (mongodb 的版本是 4.0.0-beta.5) 导入了 mongodb，它在svelte-kit devand中运行良好svelte-kit preview，但是当我尝试用 启动服务器时node build，它抛出Error: Dynamic require of "os" is not supported. 如何配置 sveltekit 或 vite 以在生产中导入 mongodb？

我创建了一个 SvelteKit webapp，它在我的本地环境中的桌面上运行良好。我启动浏览器/网络服务器：

现在我刚刚部署到 Vercel。一切都很好，除了我用来启动我的 Web Worker 的 JavaScript 命令在浏览器控制台中给出了 404 错误：

果然，如果我/lib/game/runs_thread.js在域名后复制到浏览器中，我会收到 404 错误。我在哪里runs_thread.js以及如何启动我的 Worker？

我基本上想知道与这篇文章中相同的事情，除了我需要它用于 sveltekitadapter-static而不仅仅是带有汇总的 svelte。基本上有2个问题：

1. SvelteKit 不允许您./在paths.baseconfig 选项中使用
2. SvelteKit 与file由于CORS.

知道如何解决这些问题吗？

In SvelteKit, I get "Subscribed" and "Unsubscribed" logged to the console each time I navigate between the /first and /second routes. I want to have the readable's start function run only once for each user who visits the website - allowing me to store fetched data that doesn't change often.

As I navigate between pages/routes in SvelteKit, unsubscribe is called so the next page/route invokes the start function as the "first" subscriber.

How can readable stores be shared across multiple pages/routes without re-running the start function? I've heard suggestions about using the template but have never seen an example.

Would the template get the store value and pass it as props to components or simply prevent the store from having a "last subscriber" (effectively keep the door open)?

我无法访问 javascript (.js) 文件中的内容。Vite投掷：

[vite] 内部服务器错误：由于内容包含无效的 JS 语法，无法解析源以进行导入分析。如果您使用 JSX，请确保使用 .jsx 或 .tsx 扩展名命名文件。

使用建议的内容创建 vite.confis.js 无效。如果我删除导致错误的第一行，则下一个 import 语句会导致相同的错误。

关于如何纠正这个问题的任何想法？

我正在开发一个 SvelteKit 应用程序，并且我在 API 端点上使用 esbuild 来转换获取 POST 的代码。

我正在从 esbuild 导入 transformSync 来执行此操作：

import { transformSync } from 'esbuild';

这在运行开发服务器以及使用 SvelteKit 在本地构建和运行生产预览时都可以正常工作。但是，当我推送到生产环境时（在 Vercel 上，使用 vercel 适配器），我遇到了以下错误：

我尝试将以下内容添加到我的 SvelteKit Vite 配置中：

和：

都没有奏效。

谁能在这里指出我做错了什么的正确方向？

我按照sveltkit 中的标准教程为基本模板创建了一个 Typescript 项目。

我想使用Material Web Component Button。

我npm install @material/mwc-button。

然后我只需将以下内容添加到routes/index.svelte

我得到SyntaxError: Cannot use import statement outside a module的。

这让我发疯，因为这是我要求的第一步，这是被卡住的第 3 周。我什至不知道从哪里开始。这是 vite 问题、sveltekit 问题、mwc 问题吗？任何建议都会很棒。

我有一个基于 Sveltekit 的基本博客。在我的 Ubuntu 20.04 开发服务器上，svelte-kit build与adapter-static. 但是我发现我尝试部署到的任何远程环境都会触发相同的错误，TypeError: one$2 is not a function.

因为它在一个地方工作，但在其他地方不工作，我认为它一定是一个与环境相关的错误。但到目前为止，它在其他地方都失败了：

• Gitlab 页面/评论应用程序（带有adapter-staticin node:lts-alpine）
• Cloudflare 页面（带有adapter-static）
• 网络化（带adapter-netlify）

所以这可能是我的代码：D

Sveltekit 有什么方法可以调试（我猜是）这样的编译错误吗？cli 选项非常有限。

我正在尝试以通配符方式导入目录中图像的所有 url，有两个可能的扩展名：

目前此目录中有三个文件，单独导入它们可以正常工作。当我使用此语法时，找不到文件：

无法解析从“src/routes/index.svelte”导入“../static/images/**/*.{png,svg}”。文件是否存在？

我听说可以在 SvelteKit 中开箱即用地执行此操作，我是否需要在 jsconfig.json 文件中启用或定义导入模式才能实现此功能，或者安装依赖项？