我尝试了中的sveltekit-swiper示例。
08:07:51 [vite] Error when evaluating SSR module /src/routes/s.svelte: Error: Cannot find module 'swiper' from 'C:/Svelte/tw09swipe/src/routes'
at Function.resolveSync [as sync] (C:\Svelte\tw09swipe\node_modules\resolve\lib\sync.js:102:15)
at resolve
我想在我的组件中使用javascript模块中的一些函数。在制作组件时,我应该在道具中传递它,还是应该仅仅使用组件本身中的导入来获得javascript函数?
传递Svelte组件的示例:
Proxy.js
var Proxy = {
test: function() {
.....
}
}
export default Proxy;
Dashboard.svelte
<script>
export let Proxy;
// use Proxy test function now
</script>
导入JS的示例
Proxy.
我试图在Svelte模板中使用包含减价的字符串,并使用作为Svelte组件的一部分,我在App.svelte中有以下代码
<script>
import { compile } from 'mdsvex';
import Counter from './lib/Counter.svelte'
const transformed_code = compile(`
# Hello world
This is a paragraph
<Counter />
`, {});
</script&
我正在开发一个基于svelte的电子应用程序来学习这个框架(我以前没有使用svelte或rollup的经验)。 在将modbus-serial库导入到新应用(import ModbusRTU from "modbus-serial"或const ModbusRTU = require("modbus-serial"))的App.svelte组件中时,我在控制台上不断收到以下错误: Uncaught ReferenceError: require is not defined 我遗漏了什么? 注意:我知道这个库是为nodejs实现的。事实上,出于学习目的,我正在
我试图在现有项目中使用Svelte和TypeScript配置Jest。
我已经按照设置了一切(使用Babel和)。
当我运行测试时,我得到了这样的信息:
FAIL src/tests/methods.test.ts
● Test suite failed to run
src/router/components/index.ts:1:19 - error TS2307: Cannot find module './SLink.svelte' or its corresponding type declarations.
1 import SLink fr
我正在尝试将一个自写的TypeScript模块导入到svelte组件中。但我收到的错误是,即使我这样做了,也没有从它的文件中导出模块。有谁知道如何解决这个问题吗?
我的代码:
telegram_bot.ts
export class TelegramBotForSafetyMania {...}
Home.svelte
import * as telegramBot from './../telegram_bot';
let bot = TelegramBotForSafetyMania.startBot();
<script lang="ts">
export let name; // widget name
let childComponent;
import { onMount } from 'svelte';
onMount(() => {
switch(name) {
case 'Widget1':
import('./Widget1.svelte')
.then(r
我试图通过移植现有的角度应用程序来学习Svelte / SvelteKit。应用程序应该显示一个传单地图与热图层作为覆盖。映射部件工作并且健壮,即使我导航或刷新Svelte处理它的时候也是如此。另一方面,热图只在应用程序第一次初始化时加载,如下所示:
但是,当我刷新时,会得到这个错误,整个Map.svelte组件将不再加载控制台中的以下错误消息:
Uncaught (in promise) TypeError: Leaflet.heatLayer is not a function
我怀疑这与生命周期处理导入的方式有关,因为在我的角度应用程序中,导入不一定要在生命周期方法中
我在<script>中尝试手动document.createElement,然后每次调用eventListener来替换audio时,都尝试使用audio。所有东西在浏览器中都能正常工作,除了页面加载时一个非常快的错误外,但是这个错误持续的时间还不到100 in 。终端也有一个错误
ReferenceError: document is not defined
at Object (webpack:///./src/components/Record/Component.svelte?:26:17)
以上似乎是在文档还没有准备好的时候调用的,但之后就没事了,该如何修复呢?或
我正在尝试使用Jest来测试我的Svelte项目,我读到的所有内容都表明我需要包含svelte-jester,以便将我的Svelte代码转换为Jest可以处理的东西(我想是CommonJS?)。这似乎工作得很好,除了我将Lodash导入到我的一些Svelte组件中,但是Jest在运行其测试时报告说Lodash是未定义的。(在浏览器环境中,一切似乎都像预期的那样工作。)
为了演示这个问题,我复制并略微修改了测试库网站上的一个示例:
// Comp.svelte
<script>
import _ from 'lodash';
export let name
我正在建立一个新的项目使用斯维特,Webpack,和TypeScript。它基于,并在初始设置后运行scripts/setupTypeScript.js脚本以切换到TypeScript。
当试图导入非TypeScript文件的资源时,VSCode和TypeScript将显示有关它们的错误:
import myContent from './some-file.txt';
// -> Cannot find module './some-file.txt' or its corresponding type declarations.ts(2307)
从技术
我正在尝试构建我的Svelte组件,它是用类型圈来编写的。我正在使用rollup并不断地获取错误消息。
[!] (plugin svelte) ParseError: Unexpected token
import type { Point } from './../typings/Point';
显然,“类型”导入似乎存在问题。
rollup.config.js:
import svelte from "rollup-plugin-svelte";
import resolve from "rollup-plugin-node-res
我正在创建vs代码扩展使用svelte。我跟随了解了一些关于svelte的基本知识。我目前被错误的Uncaught ReferenceError: require$$0 is not defined困住了。当我导入"project"/out/compiled文件夹并使用这个fs读取本地机器中的文件时,这个错误显示在一个自动创建的文件中,这个文件名为sidebar.js (在import * as fs from "fs";文件夹中创建)。下面是这个项目的文件结构-
当我试图在Sidebar.svelte中导入这个fs (下面的完整代码)时,我的npm
我已经设置了一个Svelte项目,并希望使用JSON文件来使用Svelte i18n包。不幸的是,我在导入JSON文件时遇到问题。所需的软件包已经安装,但我不知道为什么它的Typescript方面不接受它。 我有一个最小的repro here。 import App from './App.svelte';
// src/index.js
import pkg from './package.json';
console.log(`running version ${pkg.version}`);
const app = new App({
tar
是否可以在svelte组件中的script标记内编写Typescript?
我遇到了,如果我没理解错的话,它是一个用于svelte的typescript预处理器,它允许在svelte组件中编写typescript。然而,我不能使它工作
这是我的汇总配置的样子
import svelte from "rollup-plugin-svelte";
import resolve from "rollup-plugin-node-resolve";
import replace from "rollup-plugin-replace";
import c
我有一个Error.svelte组件,它有一个包含可写存储的<script context="module">和一个导出的“addError”函数,用于更改存储内容。 Error.svelte <script context="module">
import {get, writable} from "svelte/store";
let errorStore = writable([])
export function addError(error) {
let error