我正在使用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
我正在用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
在Svelte中,你可以传递props to the content in a slot。 <Component let:message="Hello!">
<div>
{message}
</div>
</Component> 当Sapper使用布局来呈现路由时,路由内容也会呈现在一个插槽中。问题是,由于Sapper控制了这个过程,所以似乎不可能将一个槽道具传递给一个路由。 这不起作用: // _layout.svelte
<slot message="Hello!">
正如标题所说,我不能在生产模式下启动我的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 % 如您所见,该命令将立即中止,并且服务器不会启动。可能的原因是什
我想在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
我正在使用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
在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
在nuxts/vue中有一个别名@和~来表示应用程序的根目录。sapper/svelte中有没有类似于/very/ deep /page/1/2/3/4这样的深度路径的东西,我不需要这样做:
import Head from '../../../../../../../../components/Thingy.svelte'