如何使用Svelte在Sapper中创建一个知道当前url的组件？

Svelte是一种现代的JavaScript框架，用于构建高效、可维护的用户界面。Sapper是基于Svelte的应用程序框架，用于构建具有服务端渲染(SSR)能力的Web应用程序。

要在Sapper中创建一个知道当前URL的组件，可以按照以下步骤进行操作：

首先，确保已经安装了Node.js和npm包管理器。
创建一个新的Sapper项目，可以使用以下命令：

npx degit sveltejs/sapper-template my-app
cd my-app
npm install

进入到项目的根目录，使用以下命令启动开发服务器：

npm run dev

在src/routes目录下创建一个新的组件，例如CurrentURL.svelte。
在CurrentURL.svelte组件中，可以使用Svelte的onMount生命周期函数来获取当前URL。可以通过window.location.href来获取完整的URL，或者使用window.location.pathname来获取路径部分。
在CurrentURL.svelte组件中，可以将获取到的URL信息展示出来，或者根据URL的不同进行不同的逻辑处理。
在需要使用该组件的页面中，可以通过导入并在模板中使用<CurrentURL />来引入该组件。

以下是一个示例的CurrentURL.svelte组件的代码：

<script>
  import { onMount } from 'svelte';

  let currentURL = '';

  onMount(() => {
    currentURL = window.location.href;
  });
</script>

<p>The current URL is: {currentURL}</p>

这样，当访问包含该组件的页面时，就会显示当前的URL信息。

对于Sapper的更多信息和使用方法，可以参考Sapper官方文档。

请注意，以上答案中没有提及腾讯云相关产品和产品介绍链接地址，因为要求答案中不能提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的一些云计算品牌商。如需了解腾讯云相关产品和服务，请访问腾讯云官方网站。