Sapper Svelte博客从服务器获取数据
Sapper是一个基于Svelte框架的应用程序开发框架，它允许开发者构建高性能的Web应用程序。Svelte是一种全新的前端框架，通过编译时将应用程序转换为高效的JavaScript代码，从而在运行时减少了框架的开销。
Sapper提供了一种简单而强大的方式来创建服务器渲染的应用程序，它可以从服务器获取数据并将其呈现给用户。通过服务器端渲染，Sapper可以在加载页面时提供更快的初始渲染，并且对于搜索引擎优化(SEO)也非常友好。
在Sapper中，从服务器获取数据的过程可以通过以下步骤完成：
- 定义路由：在Sapper中，可以通过定义路由来指定应用程序的不同页面。每个路由都可以与一个或多个数据源相关联。
- 数据源：数据源是从服务器获取数据的地方。Sapper支持多种数据源，包括REST API、GraphQL、数据库查询等。开发者可以根据具体需求选择适合的数据源。
- 路由处理程序：在Sapper中，可以为每个路由定义一个处理程序。处理程序负责从数据源获取数据，并将其传递给页面组件进行渲染。
- 页面组件：页面组件是Sapper中的核心部分，它负责将从服务器获取的数据呈现给用户。开发者可以使用Svelte的组件化开发方式来构建页面组件。
- 数据预取：Sapper提供了一种数据预取机制，可以在页面加载之前预先获取数据。这样可以确保页面在加载完成后立即呈现数据，提供更好的用户体验。
Sapper的优势在于其简单易用的开发方式和高性能的渲染能力。通过使用Sapper，开发者可以快速构建出功能强大且高性能的Web应用程序。
对于Sapper应用程序，腾讯云提供了一系列的产品和服务来支持其部署和运行：
- 云服务器CVM：腾讯云的云服务器CVM可以提供可靠的计算资源，用于托管Sapper应用程序的后端服务。
- 云数据库CDB：腾讯云的云数据库CDB可以提供可扩展的数据库服务，用于存储Sapper应用程序的数据。
- 云存储COS：腾讯云的云存储COS可以提供高可用性和可扩展性的对象存储服务，用于存储Sapper应用程序的静态资源。
- 云网络VPC：腾讯云的云网络VPC可以提供安全可靠的网络环境，用于连接Sapper应用程序的前端和后端服务。
- 云安全SSL证书：腾讯云的云安全SSL证书可以提供安全的HTTPS访问，用于保护Sapper应用程序的数据传输安全。
更多关于腾讯云产品和服务的详细介绍，请访问腾讯云官方网站：腾讯云。
相关·内容
当使用Svelte/Sapper作为框架时，是否有一种在路由的初始服务器端呈现上从rest中直接获取数据的方法。/my-page并存储它，或者在从另一个页面导航到/my-page时，从客户端的rest中获取数据并存储它，而在随后对my-page的路由更改中，使用svelte类型的存储库获得存储数据，而不是再次获取数据。
这似乎是一件微不足道的事情，但由于商店并不打算在服务器端呈现时使用，所以我还没有找到一种高效/最佳的实践方法。
浏览 4提问于2020-06-11得票数 1
我有问题让Sapper expample博客从数据库中获取真实数据。在这个例子中，数据来自一个js文件。我尝试用我自己的数据替换数据，在_post.js中从服务器获取数据就像这样 import fetch from "node-fetch";
export default (async () => {
const response = await fetch('https://www.exampleserver.de/posts?id=1309');
let json = await response.text();
//jso
浏览 8提问于2020-10-02得票数 0
回答已采纳
1回答
我正在使用sapper和svelte以及rollupjs。但是，当我尝试使用Github中的repo 时，我在控制台上运行npm run dev：ReferenceError: require is not defined时出现错误
这是我的rollup.config.js
import resolve from '@rollup/plugin-node-resolve';
import replace from '@rollup/plugin-replace';
import commonjs from '@rollup/plugin-commonjs
浏览 23提问于2020-03-14得票数 3
我有一个带有渲染视图的handerbars的express服务器，我想为新特性添加sapper+svelte。此外，我还将逐步迁移旧代码。
有没有办法在不破坏整个项目的情况下添加sapper/svelte？
浏览 8提问于2021-02-16得票数 0
Sapper和Svelte的菜鸟都使用了其他框架。 我在sapper中创建了一个author站点，它在主页上列出了作者的图书，然后创建了一个从图书项目链接的图书特定页面-图书页面是books/[slug].svelte格式的(服务器端使用books/[slug].js )。 从链接(位于另一个组件中)转到图书页面可以完美呈现--没有问题。 如果我重新加载，或者直接输入图书的url，就没有html:页面显示了图书项目的json。检查器只显示一个填充了json的pre标记。 该网站的模式非常类似于从degit汇总模板创建的演示网站(并在此基础上进行修改)。 知道这里发生了什么吗？我在想，我错过了
浏览 22提问于2020-12-14得票数 0
回答已采纳
我们有用Svelte/Sapper编写的PWA应用程序，我们喜欢在移动平台上转换这个应用程序。由于一些商业原因，我们需要在安卓和iOS商店中显式地应用程序。
安卓环境下的很简单。我们将使用Google，一切都会很棒。在苹果iOS上，我觉得很难。iOS没有Google这样的东西。此外，苹果商店的大量需求也将是相当痛苦的。--
注意:我们不需要移动平台上的任何本地API。纯JavaScript浏览器API对我们来说就足够了。
所以我找到了Apache项目，我认为这个项目对我们的问题是最好的，我还找到了Svelte syonip/svelte-cordova-template的模板。但这还不够。模板
浏览 2提问于2019-10-24得票数 2
Svelte 3.34.0，Sapper 0.28.10。
文件位于/src/routes/data/index.svelte。Url模式为http://localhost:3000/data/?day=40或http://localhost:3000/data/ (默认为当日)。该页面从远程url获取JSON数据并显示它。
<script context="module">
import { buildDataUrl, formatDate } from '../../helpers';
import moment from 'mo
浏览 13提问于2021-03-01得票数 0
回答已采纳
我正在用Svelte和Sapper做一个项目。假设我有一些代码需要在运行前读取cookie，并且这些代码位于/profile或其他地方的路径中。 我的理解是Sapper不能保证代码将在哪里运行。如果我将代码放在常规的<script>标记或onMount块中，当用户直接从服务器请求/profile时，代码仍然在服务器上执行(并失败)，但随后在客户机上再次执行： <script>
import { getCookie } from "../../myUtilities.js";
const myCookieValue = getCookie("m
浏览 29提问于2019-12-17得票数 6
回答已采纳
1回答
我正在用Svelte Sapper创建一个应用程序。我有一个尝试使用mysql2的routes/account/login.js API路由。路由本身是有效的(我向Postman查询过了)，但只要我导入mysql，服务器就会崩溃，并出现一个错误： [rollup-plugin-svelte] The following packages did not export their `package.json` file so we could not check the "svelte" field. If you had difficulties importing svel
浏览 50提问于2021-09-20得票数 0
回答已采纳
1回答
我尝试在sapper中使用recaptcha，实际上我在svelte的onMount事件中动态加载了recaptcha CDN，到目前为止一切都很好： ? 但是我需要从服务器端加载reCAPTCHA站点密钥，就像.env文件一样，但是我无法从官方文档中找到这样做的方法，有一种官方方法可以在sapper中从服务器端将信息加载到组件中吗？
浏览 24提问于2019-12-17得票数 0
回答已采纳
在Svelte中，你可以传递props to the content in a slot。 <Component let:message="Hello!">
<div>
{message}
</div>
</Component> 当Sapper使用布局来呈现路由时，路由内容也会呈现在一个插槽中。问题是，由于Sapper控制了这个过程，所以似乎不可能将一个槽道具传递给一个路由。 这不起作用： // _layout.svelte
<slot message="Hello!">
浏览 15提问于2020-03-29得票数 4
回答已采纳
我来自一个React背景，但我切换到Svelte和Sapper为我的下一个应用程序，以对抗巨大的捆绑大小，随着这些天来的反应。但是，我在用从localStorage检索的数据初始化Svelte的存储时遇到了问题。
根据Sapper ()，我通过从命令行运行npx degit "sveltejs/sapper-template#rollup" my-app创建了我的项目。然后，我安装了依赖项，并删除了src文件夹中的演示代码。
然后我创建了两个文件：src/routes/index.svelte和src/store/index.js。
两者的代码：
src/store/index
浏览 1提问于2019-06-17得票数 20
回答已采纳
1回答
我在一个用Svelte/Sapper构建的生产网站上运行Lighthouse，以测量其性能。根据Lighthouse的说法，最大的机会似乎是预先加载关键请求。 ? 我找到了一个关于它的GitHub issue，但我不知道如何让Svelte/Sapper自动预加载关键资源，即JavaScript和CSS bundle。我不能只是硬编码它们，因为它们在每次构建后都有不同的散列。 例如，我希望将这些内容包含在结果超文本标记语言的head标记中： <link rel="preload" href="styles.css" as="style
浏览 20提问于2021-04-05得票数 0
我有一个节点 dev服务器在http://localhost:3000上运行Sapper，我希望所有/api/请求代理另一个在pythonhttp://localhost:8000/api/上编写的本地开发服务器。
这对于纯Svelte非常有效。
// webpack.config.js
module.exports.devServer = {
historyApiFallback: true,
proxy: {
'/api/': {
target: 'http://localhost:8000',
浏览 0提问于2020-05-30得票数 4
回答已采纳
2回答
我已经开始移动一个应用程序从反应Sapper。我是SSR架构的新手，我想知道最好的方法是存储用户会话和数据。
我正在使用Firebase作为我的auth和数据库。在使用客户端firebase获取会话密钥和其他用户数据之后，我将如何存储这些数据？我已经看过一些教程制作user.js存储，但在Sapper中，我看到它建议使用会话存储。那哪个更好？从客户端到服务器端会话存储的流程是什么？
例如，如果我要创建一个登录文件夹，在其中我有svelte组件和服务器端路由。会有一个设置session.user的post“端点”吗？
浏览 1提问于2019-10-28得票数 3
回答已采纳
1回答
正如标题所说，我不能在生产模式下启动我的sapper项目。当我运行npm run start时，我将在控制台上获得以下输出： niklas@Niklass-iMac project-name % npm run start
> apple-on-svelte@0.0.1 start /Users/niklas/path/to/project
> node __sapper__/build
Starting server on port 3000
niklas@Niklass-iMac project-name % 如您所见，该命令将立即中止，并且服务器不会启动。可能的原因是什
浏览 17提问于2020-04-16得票数 1
回答已采纳
我正在使用sapper模板应用程序，我能够创建用户，并记录他们，并将他们重定向到用户部分。我的问题是关于显示在站点顶部的站点范围的菜单。 在顶部的菜单中，我有home、signin/login和register。现在，当用户尝试登录并成功时，我应该将他们重定向到用户部分，在那里顶部的菜单将从(主页、登录、注册)替换为(“注销”、“配置文件”)，这是典型的站点范围行为。 我不知道如何在Sapper中做到这一点。我的理解是我将_layout.svelte放在routes文件夹中。在该组件/文件中，我有nav.svelte，其中的代码是： <nav>
<ul>
浏览 15提问于2020-12-02得票数 0
回答已采纳
问题所在
我正在尝试使用express和webpack在Sapper应用程序上启动和运行socket.io。我的网站服务正常，没有错误，但是当我尝试通过socket.io连接前端时，它就抛出了404s。
我认为我遇到的问题是socket.io需要截取/socket.io请求()，但是Sapper似乎不允许这样做。据我所知，我们可以在应用sapper中间件之前注册路由，但socket.io不是中间件。
我已经用我的设置的副本创建了一个公共存储库
我可以在chrome的网络选项卡中看到正在发出请求(大约每秒一个)，但响应是默认的_error.svelte 404页面：
<!doctype h
浏览 6提问于2020-07-31得票数 1
我在Svelte和编码方面都是新手。我更喜欢学习SvelteKit ( Svelte @Next)，而不是sapper，因为这似乎是Svelte走向的方向。
对于我的个人项目，我需要支持基于url段塞的动态路由。我如何在SvelteKit中做到这一点？例如，如果我有/blog目录，并且需要根据它的"id“来提取内容，我该如何做呢？
我遇到困难的部分是访问URL段塞参数。
提前谢谢。
浏览 0提问于2021-01-28得票数 16
在dev中，我可以直接连接到任何路线。在Zeit/now上，我可以链接到一些页面，但不能链接其他页面。我在努力解决这个问题。
下面是一个示例，直接导航到"“并不有效，但是从主页导航到相同的位置确实有效。
Zeit运行时日志没有任何条目。
也许是我有火药味的网页？我通过RXJS/RXfire使用firebase，通过google的API使用防火墙。
我坚持我试过的东西：
链接深度:我的内容有两层深。我把一些拉到只有一层深，但这并没有什么区别。
鼻涕虫:我有博客样本和我的内容。博客起作用，我的不行。
我的Helper代码:我在路由文件夹中有几个js文件，没有下划线名称。我想这些可能是造成路
浏览 1提问于2019-11-09得票数 3
我想在Sapper中禁用类似SPA的导航(如果这是一件正确的事情，请不要跳到讨论中)。我遵循了https://stackoverflow.com/a/58645471/205747的建议，在client.js中注释掉了所有的东西。 这满足了我的以下要求： [x] HTTP navigation;
[x] HTML composition achieved with svelte components;
[x] CSS classed from all components are extracted to single place; 但最后一个要求没有得到满足： [ ] DOM
浏览 19提问于2020-10-24得票数 1
回答已采纳
2回答
我是否可以使用Svelte生成“初始”HTML文件？
我用的是Django，Webpack和Tailwindcss。我想在我的前端使用Svelte，但我不想放弃使用服务器端呈现的速度(Django模板)。如果我最初展示的是一个引导HTML页面，该页面引入bundle.js并在客户端构建DOM，那么浏览器只能在加载JS文件之后才开始下载图像。
与最初呈现的HTML已经包含图像链接相比，浏览器开始与JS一起下载它们，从而使页面加载速度更快。
我不想使用Sapper作为我的应用服务器，我想继续使用Django。
浏览 6提问于2020-07-23得票数 2
我正在使用svelte-intersection-observer模块尝试使用sapper设置进行延迟加载。当站点第一次加载来自节点库介绍页面的演示代码时，它在主视图上显示以下错误： 500
IntersectionObserver is not defined
ReferenceError: IntersectionObserver is not defined
at eval (webpack:///./node_modules/svelte-intersection-observer/src/IntersectionObserver.svelte?:47:2)
at
浏览 78提问于2020-11-30得票数 1
回答已采纳
我使用以下版本的Sapper和Svelte：
"sapper": "^0.27.0",
"svelte": "^3.0.0"
在使用history.pushState()函数更新url之后，然后导航到其他页面。“后退”按钮不会返回到由history.pushState()更改的url
浏览 0提问于2019-08-04得票数 2
在Sapper应用程序中，我希望能够持久化某些UI组件的状态，这样当用户使用这些组件返回页面时，我可以导航应用程序而不会丢失状态。
在Svelte专用应用程序中，这通常是通过使用sessionStorage或localStorage API的自定义存储完成的。这方面的一个很好的例子可以在R.马克·沃尔克曼的著作“Svelte和Sapper in Action”(第6.24节)中找到：
store-util.js
import {writable} from 'svelte/store';
function persist(key, value) {
sessionStor
浏览 4提问于2021-01-15得票数 2
回答已采纳
2回答
我在一个sapper / svelte项目中工作，我需要构建sapper项目并将其连接到mongodb (我需要从docker-compose.yml启动mongo compose ) 此时，我试图将数据库连接到端口localhost: 27017上的本地mongo，但它无法建立连接。我该怎么办？这是我的docker-compose version: "3.4"
services:
myapp:
image: my_image
deploy:
update_config:
delay: 30s
parallel
浏览 21提问于2020-10-29得票数 0
回答已采纳
1回答
我尝试将"Materialify“和"Carbon Components for Svelte”库连接到Sapper项目。但事实证明，组件已加载，但没有样式。可能的问题是什么？代码如下所示，使用官方网站上列出的命令进行安装。在Ubuntu 20上工作
<script>
import {DataTable} from 'carbon-components-svelte'
</script>
<svelte:head>
<title>Sapper project template</title&
浏览 7提问于2021-03-06得票数 0
在nuxts/vue中有一个别名@和~来表示应用程序的根目录。sapper/svelte中有没有类似于/very/ deep /page/1/2/3/4这样的深度路径的东西，我不需要这样做：
import Head from '../../../../../../../../components/Thingy.svelte'
浏览 31提问于2019-11-16得票数 4
回答已采纳
我正在和sapper打交道，我试着做以下事情： ? 正如你所看到的，我有一个横跨整个网站的搜索栏，我想要做的是，当用户输入超过3个字母时，立即向服务器查询用户插入的内容并显示结果。搜索栏位于my _layout.svelte中调用的组件SearchBar.svelte中。 例如，假设用户是主页(index.svelte)，在那里他可以看到幻灯片和一些块文本。当用户在搜索栏中输入时，所有的内容都会消失(幻灯片、块文本等)，而是显示搜索的结果(如果用户继续写更多的内容，搜索结果就会不断更新)。 我不确定如何用sapper正确地做到这一点，有人能指出正确的方法吗？谢谢! 目前我正在做的是使
浏览 13提问于2020-04-18得票数 0
回答已采纳
2回答
如何使用Sapper JS lib将数据正确发布到服务器？
意思是:我有一个页面'board-editor‘，我可以从一个用SVG编写的六边形网格中选择/取消选择tiles，并在存储数组中添加/减去十六进制坐标。
然后用户填写一个表单，上面写着:姓名、作者和版本...单击保存按钮将发布存储中的表单数据和数组。服务器的工作是将电路板定义存储在'static/boards/repository/name.json‘文件中。
今天，在网上几乎没有什么细节可以正确地使用Sapper/Svelte来处理POSTing数据问题。
如何继续？感谢您的回复！
编辑：
为了避免重发整个页面，这意
浏览 3提问于2019-03-28得票数 9
1回答
聪明人！
我是个小混混--初学的人，有一个斜杠的依赖--问题。
在yarn dev run上，我得到一个错误：“无法找到模块‘@sveltejs/svelte-scroller’.”
我有工匠/苗条/卷轴/纱套
-plugin
默认情况下，插件在rollup.config.js中作为外部加载：
{ ..., server: { ..., external: <**package.json-dependencies-arr**> } ... }
当我在..svelte组件中使用它时：
import Scroller from '@sveltejs/svel
浏览 5提问于2020-09-25得票数 2
回答已采纳
我刚开始学svelte。在阅读了一些sapper文档后，我看到sapper使用文件名和文件夹结构进行路由，如果我想要像/blog/这样的内容:文章可以创建一个文件夹，里面有'blog‘名称和文件'slug.svelte’，如何构建更复杂的路由？示例:/blog/:文章/评论/:commentId
浏览 13提问于2019-10-07得票数 4
回答已采纳
我用的是svelte/sapper和速递。
我在routes/billing/index.js中有一个api
它需要从customers/[customernumber]/detections.js中获取数据
我的问题是如何使用相对URL从“路由”文件夹中的内部api获取数据。
async function getDataFromGateway(customerNumber) {
if (typeof fetch !== 'function') {
global.fetch = require('node-fetch')
}
const da
浏览 1提问于2020-02-07得票数 4
回答已采纳
2回答
如何使用Sapper定期获取数据？
这样做对吗？
//src/routes/fetch_on_this_page.svelte
<script>
setInterval(async () => {
//fetch here
}, 3000);
</script>
浏览 1提问于2020-05-18得票数 0
回答已采纳
这是我关于使用Svelte/Sapper的问题
我在/src/routes/login.js里有个文件
根据Sapper，它将在http://<my_domain>/login中创建一个API端点，它可以这样做。
现在在login.js中，我想调用另一个API服务器，假设它是http://another_server/auth。
无论我如何使用fetch函数：fetch("http://another_server/auth")、this.fetch("http://another_server/auth")、Svelte respo
浏览 2提问于2021-02-18得票数 1
回答已采纳
1回答
我试图从外部api中获取组件上的数据。我对onMount块中的Sidebar组件有数据请求。
当用户登录并使用边栏路由到页面时，显示的数据来自上一次会话。我需要刷新页面以查看当前数据。
如何修复此过程，以便获取的数据始终是登录用户的当前数据？
Nav.svelte
在nav组件中，我有注销函数，其中导航线上有一个注销按钮。
async function logout() {
await post(`auth/logout`);
session.set({ token: null, user: null })
goto("/");
}
Sidebar.
浏览 3提问于2020-06-11得票数 1
以下是我在sapper a项目中的文件结构(仅限相关文件)： src/
-routes/
-_layout.svelte
-index.svelte
-other.svelte
-styles/
-index.css
-other.css 我通过这种方法导入css文件： <script>
import '../styles/index.css'
</script> 我在两个css文件中都使用了header选择器。当我从索引路由到其他页面时，index.c
浏览 18提问于2021-01-19得票数 0
我正在尝试使用sapper中的FusionChart，但无法使用它。我遵循了这篇文档。
本文档是针对svelte的，因此对于sapper，我尝试了一些更改，并尝试动态导入库，但仍然不起作用。
import { onMount } from "svelte";
import SvelteFC from "svelte-fusioncharts";
$: chartConfig = {};
onMount(async () => {
const FusionCharts = await import("fusionchar
浏览 9提问于2020-09-05得票数 0
2回答
我想让我的Svelte SPA与数据库中的一些数据交互。为此，我使用了Sapper，这样我就可以在server.js中打开到DB的连接，并通过它的发布/订阅机制监听它。然后我如何将消息解析到我的反应式存储？在这里，channelArray只是一个可写的([])从一个'/.store.js‘导入的代码，我可以解析到应用程序的数据到商店，但只有当初始化？
// server.js
import sirv from 'sirv';
import polka from 'polka';
import compression from 'compres
浏览 19提问于2020-05-22得票数 0
我正在尝试做一个SSR应用程序使用Sapper+Svelte，这利用了GraphQL应用程序接口。我已经检查了项目的并阅读了官方文档，但我不能让它工作，而且我对它的制作方式也感到困惑。1)如我所见，Sapper服务器应用程序使用cookies在API上进行身份验证。我觉得这很奇怪，因为我希望它使用JWT访问键2)也不管我如何尝试将从服务器接收的信息保存到会话中，然后在Svelte模板中访问它-它不会在会话中显示任何内容。
我是Javascript的新手，但在web开发方面有丰富的经验，我了解cookies/会话的工作方式，但出于某种原因，我不明白它在experess/polka中是如何工作的，
浏览 8提问于2020-06-02得票数 2
我最近刚刚开始使用svelte和sapper，并且即使在用户刷新页面时，我也会尝试保持存储的会话。(我希望可以做到这一点)。
这个想法是，用户可以登录，并被重定向到主页作为认证的二手。但当我在浏览器中点击刷新时，会话是空的，用户必须重新进行登录过程。
有什么想法吗？
到目前为止，我还没有找到一个解决方案。下面是这个过程中涉及到的一些文件。
server.js
import sirv from "sirv";
import polka from "polka";
import compression from "compression";
impo
浏览 0提问于2020-10-18得票数 6
2回答
我正在尝试国际化我的Svelte应用程序。
我用的是Svelte和雪堆。还有苗条。我遵循他们在GitHub上的教程。
在中，他们说：
注意:确保在应用程序的入口点调用您的i18n.js文件。如果您正在使用Sapper，请记住在服务器端代码(server.js)上调用init()。
我不知道怎么做?有人能帮帮我吗？
任何帮助都是非常感谢的。
浏览 1提问于2021-02-10得票数 1
回答已采纳
1回答
我最初发布这个问题的是因为我认为它是一个bug，但我没有得到任何回应。
基本上，在我的工兵路线上没有叫onMount。也许在服务器最初呈现后，sapper没有给我的组件加水.
src/routes/test.svelte
<script>
import { onMount } from 'svelte';
onMount(() => {
console.log("FOO")
});
</script>
我没看到FOO在控制台里.知道问题出在哪里吗？
请注意，这段代码在上运行得很好(没有
浏览 1提问于2020-01-18得票数 0
回答已采纳
自从Svelte的不使用Sapper以来，我一直在使用新的Svelte适配器。我试图为SSR创建一个防火墙功能，但我似乎找不到任何线索来做这件事。
本指南告诉您如何实现Svelte，以便它可以使用Firebase函数。我在这里没有任何问题，但在如何设置firebase函数本身方面，我看不到任何地方：
安装Svelte@next
在实际的index.js或index.ts firebase函数文件中，我不知道该调用什么。我在想这样的事情：
const functions = require("firebase-functions");
const next = requir
浏览 2提问于2021-02-06得票数 3
我试图将CK Editor 5集成到我的sapper项目中，如下所示：
<script>
import { onMount } from 'svelte';
import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
onMount( () => {
ClassicEditor.create( document.querySelector( '#editor' ) )
.then( editor =
浏览 4提问于2020-09-15得票数 1
在将与Svelte集成时，可以添加使用将以下内容添加到App.svelte中
<style global>
@tailwind base;
@tailwind components;
浏览 2提问于2020-03-17得票数 1
我在sapper和的汇总配置中使用replace将环境变量传递到sapper中的客户端-这安全吗？有没有更好/更安全的方法来解决这个问题呢？
使用下面的配置：
rollup.config.js
const sapperEnv = require('sapper-environment');
export default {
client: {
input: config.client.input(),
output: config.client.output(),
浏览 20提问于2020-03-07得票数 3
回答已采纳
我正在用Svelte/Sapper编写一个服务器端渲染的应用程序，我在使用字体时遇到了问题。
我使用以下代码来加载字体：
<script>
import Icon from "svelte-awesome";
import { faTimes } from "@fortawesome/free-solid-svg-icons/faTimes";
</script>
<Icon data={faTimes} />
我看到的错误是：“不是有效的SSR组件。您可能需要检查您的构建配置，以确保编译依赖项，而不是将其作为预编译
浏览 0提问于2020-05-30得票数 1
我正在接收来自无头CMS的原始html片段，我需要在Sapper应用程序中按原样呈现。
这也包括将开始标记和相应的结束标记作为两个HTML片段接收的情况，在这两个标记之间添加了Svelte组件。
<script>
import MyComponent from './MyComponent.svelte'
// example snippets coming from headless CMS
const prefix = '<p class="test">'
const suffix
浏览 0提问于2020-02-25得票数 2
我正在用sapper构建一个轻薄的应用程序，并希望使用leaflet js进行地图绘制。 Leaflet指的是"window“对象，这在SSR端是不可用的；我想知道是否有一种方法可以欺骗Sapper认为"window”存在？ 该应用程序是使用来自sapper网站的标准汇总配置构建的。 我目前正在map.svelte中这样做： <svelte:head>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css"
浏览 6提问于2020-11-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
