问题标签 [sveltekit]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
wordpress - 使用 htaccess 分离 Wordpress 后端和前端以部署 JS 框架
当我们使用 ReactJS 或 Svelekit 等 JS 框架时,如何使用 .htaacess 分隔 Wordpress 后端和前端?
我们的网址是:https://www.example.com
。
后台地址是: https://www.example.com/wp-admin
。
我们用 Sveltekit 框架为 Wordpress 开发了一个主题,这个单页应用程序的文件夹是这样的:https://www.example.com/folder
.
我们不想更改 Wordpress 默认位置。
是否可以在子文件夹中部署此应用程序?
如何编辑.htaccess
文件来管理这种情况?
javascript - 带有 Svelte 的 STOMP WebSocket
由于“未定义 WebSocket”错误,我在尝试让 stomp 客户端与 SvelteKit 一起工作时遇到了麻烦。从一些研究来看,这似乎是因为 Node 是如何参与的,但我找不到任何关于如何阻止 Node 尝试处理模块或获取某种 polyfil 以便加载的帮助。有什么建议么?
获取错误消息:
svelte - 在 sveltekit 中,如何使用 __layout.svelte 文件在插槽中传递道具?
在 __layout 文件中,我想传递一个变量让我们说 btnclicked="HR",并且我想在 Slot 中呈现的组件中收集相同的变量?怎么做请帮忙?
github-pages - href 用于 github 页面项目
我有一个基于 myuser.github.io 的 github pages svelte 应用程序 - 它可以工作。
我还基于一个项目(sveltekit)创建了一个 github 页面,所以 url 是 myuser.github.io/sveltekit。设置 repo 以便从 gh-pages 和 root 提供 github 页面。这只是一种作品(!)
问题是导航。这是 __layout.svelte 中的导航代码
但是当我在 github Pages 下运行它时,主页会出现,但其他链接显示为 myuser/github.io/about,这将给出 404。
如果代码是
然后其他链接工作一次,然后是例如 myuser.github.io/about/settings ,这又是一个 404。
因此,尽管 github 页面允许我在顶层下拥有子存储库,但它们的导航是基于顶层的根目录,而不是根被定义为该存储库的根目录。唯一的选择是 root 和 /docs。
有没有办法将 root 设置为 /sveltekit/ ?
另一个问题是样式会显示在 github 页面上,尽管当站点在 preview 或 dev 下运行时会显示。
svelte - 在 SvelteKit 中设置 SSG 和 Prerender
我刚开始使用 SvelteKit 并阅读了文档。我想在我的应用程序中使用 SSG 并预渲染每个页面。我按照文档中的说明配置了我的应用程序,但似乎没有像描述的那样工作。
我想要达到的目标:
1.SSG (预渲染)
在构建时将静态内容(例如<h1>
, <p>
)生成到 HTML 中。不要在客户端使用 JS 水合页面。我想尽可能避免这种情况,它增加了加载时间,一些用户禁用了 JS,而且它对 SEO 不友好。我真的看不出你为什么要这样做有什么好处。用 JS 生成数据只有在数据变化的时候才有用,对吧?我也看不出“不补水”和“预渲染”之间有什么区别。
2.禁用SSR
不要在服务器上运行代码并呈现页面或请求。那么我可以假设 localStorage 等可用。
3.不使用节点服务器打开app
这一点并不重要,但如果应用程序只需在本地浏览器中打开 index.html 文件即可运行,那就太好了。那时它将与 Github Pages 一起使用。在构建了一个用纯 Svelte 编写的应用程序之后,你会怎么做。
4. 仅限 SvelteKit
如果只配置 SvelteKit 就足够了,那就太好了。无需任何外部库或其他 Svelte 框架的帮助。
我试过的
这是github上的一个示例。在第一个目录中是一个可重现的示例,其中生成了构建。第二个大致是我希望构建给我的输出,我手动编写。
我开始了新的 SvelteKit 项目并通过npm i -D @sveltejs/adapter-static@next
. 然后我设置svelte.config.js
文件:
由于我全局关闭了 ssr,我认为使用 localStorage 是安全的。所以我在我导入的外部脚本(store.js)中使用了它。但是在构建时我收到了这个错误信息:
我还注意到它说“构建 SSR 捆绑包”,我想知道为什么会这样......
当我查看构建时,每个元素仍然使用 JS 呈现,并且仅在浏览器中打开它是行不通的。
这就是我想说的,感谢您的阅读和您的帮助!
Edit1:有点想通第一部分。
Hydration 仅呈现必要的内容。所以其他的可以预渲染成 HTML。客户端路由器是使用 JS 进行渲染的主要原因。所以我启用了水合作用并禁用了路由器。但是当启动应用程序时,什么都不会出现。所以我不得不启用ssr(即使我不想)。
这是如何svelte.config.js
改变的:
现在内容是按照我想要的方式生成的,但是启用了 ssr。
sveltekit - 如何用 .env (dotenv-flow) 用 svelte-kit 替换字符串?
在里面svelte.config.js
我有这个:
它应该替换字符串“API_ENDPOINT”,但事实并非如此。
这是我使用它的方式:
我得到的只是http://localhost:3000/API_ENDPOINT/subscriptions
svelte - 静态适配器在尝试构建生产时抛出“使用@sveltejs/adapter-static TypeError:render2 is not a function”
尝试使用静态适配器构建 sveltekit 应用程序时出现此错误: Using @sveltejs/adapter-static TypeError: render2 is not a function
不久前我创建了一个 sveltekit 应用程序并更新了软件包,因为我打算将网站发布到生产环境。然后适配器开始抛出上述错误。
在下面寻找答案
svelte - 在 SvelteKit 中动态加载 Markdown 文件
我正在尝试使用mdsvex
创建降价博客。我已经使用npx svelte-add@latest mdsvex
. 然后我创建一个[slug].svelte
文件,以便我可以测试它是否有效:
这完全符合我的要求。如果我导航到localhost:3000/posts/hello
,它会加载src/posts/hello.md
文件并正确显示它。
现在我想让[slug].svelte
文件动态化。所以我将其更改如下:
但是,这不起作用。如果我刷新localhost:3000/posts/hello
页面,我会收到以下错误:
知道为什么这不起作用以及我能做些什么来解决它吗?
谢谢。
javascript - 当值更改时,Svelte 不会更新组件
我过去广泛使用 Vue.js,所以这种模式可能无法很好地转化为苗条,我明白这一点。
我的问题是为什么以下内容在 svelte 中不起作用以及使用的正确模式是什么。
当我单击编辑按钮时,它按预期工作,但是当我单击保存时,它不会恢复为主组件。值似乎已更新,但组件未刷新。
Main.svelte
编辑.svelte
我什至尝试使用 $: 来使语句具有反应性。不工作
苗条版本:3.34.0
SvelteKit
svelte - 使用 Sveltekit 刷卡:没有“刷卡”
我尝试将 swiper 6.8.0 与 sveltekit 1.0.0-next.137 一起使用。我已经安装了 swiper npm i swiper
。本页末尾有关于如何使用 swiper 的详细说明:
https ://swiperjs.com/svelte
这是代码:
结果:没有“滑动效果”,没有错误消息。
我已将此示例放入沙箱(使用 svelte,而不是使用 sveltekit): https ://codesandbox.io/s/frosty-engelbart-tj8ub?file=/App.svelte