问题标签 [routify]

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.

0 投票
0 回答
220 浏览

javascript - Can I have HMR (hot module replacement) with Routify?

How can I use Svelte HMR with Routify, notably in the Routify starter, that has a somewhat special Rollup config?

0 投票
2 回答
484 浏览

javascript - Routify - 放置不打算用作路由的组件的目录是什么?

这里的基本问题。

在 Routify 中,页面目录顶层中的任何内容都使用与页面名称匹配的端点呈现。

好的,我知道了!

但是,如果我想创建一个不打算作为端点并且只打算导入到作为路由的另一个页面的组件,应该使用什么目录结构?

更一般地说,我需要知道什么才能做到这一点?最佳实践?

谢谢!

0 投票
1 回答
977 浏览

javascript - 如何安装 Svelte Material UI(使用 Routify)

我正在尝试将 Svelte Material UI 安装到 Routify 模板项目中:

https://routify.dev/guide/installation

当我做:

npm install --save-dev svelte-material-ui

一切都安装得很好。

当我尝试引用一个组件时,例如:

我收到一个错误:

我已经在项目的全局和本地安装了 sass

我安装了苗条的处理器。

从错误看来,我需要在“汇总”中设置一些内容。

使用 React,安装材料 ui 是一个简单的 NPM 安装。我不确定我做错了什么。

谢谢!

附录:

Routeify rollup.config.js 文件是这样的:

Svelte Material UI rollup.configg.js 示例如下:

我不知道关于“汇总”的第一件事,因此我不知道如何调和这两件事。

0 投票
1 回答
1346 浏览

javascript - 如何使用 Svelte Routify 创建路由链接

我正在学习如何使用 Routify 连接一些路由和链接。我需要帮助。

在 Routify 文档中它说:

“可以通过多种不同方式处理链接。这可能是最简单的方式”。

通过: https ://routify.dev/guide/navigation

然后给出了这个例子:

不幸的是,它没有提供任何关于如何将其连接到您的应用程序的说明(如果它确实如此,我无法弄清楚)。

我正在使用 Routify 模板,并且已将上述代码复制到以下目录中:

pages/_components/Navigation.svelte

然后我尝试将其导入 pages/index.svelte,如下所示:

页面/index.svelte

链接显示在页面顶部。当我单击它们时,端点遵循以下模式:

在我的/pages目录中,我的页面与代码中列出的页面相匹配,例如:

/pages/Home.svelte

当我单击链接时,我的浏览器停留在同一页面上,并且不嵌入与链接关联的页面。另外,我的浏览器开发工具说:

我需要做什么才能看到各个页面,为什么它们的中间目录名为“index”?如何摆脱网址中的“索引”一词?


更新

好的,我在所有页面上都列出了导航并且处于半工作状态。

我将导航代码(如下)导入pages/_layout.svelte

代码如下:

页面/_layout.svelte

pages/_components/Navigation.svelte

出现导航链接,但现在的问题是所选页面的内容没有出现。

在下图中,正在呈现表单端点。表单组件具有工作 HTML,但 HTML 未出现在页面上。

我的开发人员工具也收到一条警告,上面写着:“收到了一个意外的插槽”“默认”

在此处输入图像描述

0 投票
1 回答
611 浏览

routes - 路由绝对路径不适用于嵌套路由

将一个工兵应用程序移动到 svelte/routify。总的来说,我更喜欢这种结构,但我遇到了绝对路径的问题。

我有一个导航栏,其中包含以下链接

  1. 关于
  2. 项目

我还有另一条不在 Nav 中的路线,即 Items 的嵌套动态路线[item].svelte

Naviagtion 工作正常,但是每当我点击嵌套的动态路由www.example.com/items/item时,我都会获得该页面,但无法导航回其他“父”/非嵌套页面。

因此,当单击一次链接并到达该嵌套路由时,url 路径(在浏览器搜索栏中)更改为正确的路径(即从www.example.com/items/itemto www.example.com/about,但 about 页面不会加载。当然,从这个阶段开始,重新加载页面会使页面出现。

我的导航链接看起来像 ...<a href="/items" ... ><a href="/about" ... >,等等。

预先感谢您的帮助。

0 投票
2 回答
1451 浏览

svelte - 在 Svelte 中的兄弟组件之间传递数据

如何将数据(例如:导航栏标题)传递给父元素中使用的组件?

澄清一下,这需要可扩展并使用 Routify 处理 SPA 的所有路由的页面加载/转换,最好提供默认值并能够具有 HTML 值:

0 投票
1 回答
136 浏览

svelte - 为使用 isActive 路由精确路径?

我正在使用 Svelte 和 Routify 构建一个餐厅评论网站,我有一个路径“./reviews”,显示当前用户自己的评论,以及不同类别餐厅的评论路径,即“./reviews/mexican”或“ ./reviews/asian”,当我点击墨西哥的标签时,“./reviews”和“./reviews/mexican”似乎都被打开为isActive,如何在Routify中设置确切的路径?

谢谢!

0 投票
1 回答
234 浏览

svelte - 让 Routeify 使用 #hash

我正在使用这个 Svelte 路由器 - https://routify.dev/

它工作正常,但我不能让它使用散列而不是常规路径。

在示例中,我将导航更改为["./#index", "Home"],,它更改了地址栏,但路由器不再对更改做出反应。

我对 Svelte 和 Routify 很陌生,所以我什至不知道从哪里开始。文档中也没有太多内容。谢谢!

0 投票
1 回答
378 浏览

svelte - 如何将 Routify 与 Snowpack 和 Svelte 一起使用

我需要将 Routify 安装到使用 Snowpack 运行的 Svelte 应用程序。

当前文档非常狭窄,仅显示了使用 Rollap 的安装。

我尝试了一个模板来实现它,但我在 Routify 方面遇到了错误。

我怎样才能做到这一点?

很感谢任何形式的帮助。也欢迎任何其他适用于 Snowpack 的基于路径的 SPA 路由器建议。

0 投票
1 回答
179 浏览

svelte - 在 Routify 上添加和保留 i18n 基本路径

我想在 Routify 上使用 i18n 基本路径。

换句话说,我的网址是这样的:www.example.com/about-us/

我想把它改成这样:www.example.com/[CURRENT_LANGUAGE]/about-us/

我已经按照官方网站上提供的示例进行操作,但它对我不起作用。当我添加/ru/or/en/前缀时,它可以工作。但是,当我通过单击更改 URL 时,href它会删除前缀,但会转到所需的 URL。我也需要在新 URL 中有前缀。

我想我需要更改我href的 s 以采用新的基本路径逻辑。但不知道该怎么做。我该如何解决这个问题?很感谢任何形式的帮助。

我的构建信息:SvelteSnowpackRoutifySvelte-i18n

GitHub 仓库:点击这里