为什么Codesandbox.io上的Svelte应用程序会导致TypeError ...不是构造函数吗？
Codesandbox.io上的Svelte应用程序导致TypeError的原因是因为在代码中尝试将一个非构造函数作为构造函数来使用。Svelte是一个现代的JavaScript框架，用于构建用户界面。它使用了一种称为"组件"的概念，这些组件可以被实例化并在应用程序中使用。
当在Svelte应用程序中创建一个组件实例时，需要使用new关键字来调用构造函数。然而，如果尝试将一个非构造函数作为构造函数来使用，就会导致TypeError。
解决这个问题的方法是确保在创建组件实例时使用正确的构造函数。检查代码中的相关部分，确保正确地使用了new关键字来调用构造函数。
此外，Codesandbox.io是一个在线的开发环境，可以让开发者在浏览器中编写、测试和分享代码。它提供了一个方便的方式来创建和运行Svelte应用程序，同时还支持前端开发、后端开发、软件测试等多个领域的开发工作。
关于Svelte的更多信息和使用示例，可以参考腾讯云的Svelte产品介绍页面：Svelte产品介绍。
相关·内容
1回答
为什么Codesandbox.io上的Svelte应用程序会导致TypeError ...不是构造函数吗？
svelte、codesandbox
尝试理解可写和可读存储在Svelte中是如何工作的。因此尝试在codesandbox.io上复制https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks/Svelte_stores中描述的警报组件的最小版本。 但是，我收到一个错误: TypeError _Alert.Alert不是构造函数 codesandbox的代码在https://codesandbox.io/s/error-stackoverflow-tour1?file=/App.svelte
浏览 16提问于2020-08-19得票数 0
回答已采纳
2回答
SvelteKit TypeError: URL不是构造函数
typescript、svelte、sveltekit
我用@sveltejs/kit连续地遇到了这个问题，我的代码中没有使用或引用URL。我在构建后的捆绑代码中以及在开发过程中都遇到了这个错误，我尝试过使用不同的适配器，但这似乎什么也做不到。我正在经历这个问题，无论是纱线和npm，以及建设前后。有谁知道怎么解决这个问题吗？
Listening on port 3000
file:///app/index.js:15823
const parsed = new URL(req.url || '', 'http://localhost');
浏览 10提问于2021-05-26得票数 1
回答已采纳
1回答
必须每次导入才能在svelte组件中使用CSS
laravel、svelte
我正在开发一个使用Laravel + Svelte + materializecss的产品。
我使用Svelte组件作为自定义标记，使用svelte: options。
示例：<svelte: options tag = "custom-tag" />
如果试图在此组件中加载materializecss，则必须每次在组件中运行import。父HTML调用materializecss。
为什么会这样呢？如果你能告诉我，我会很感激的。
index.blade.php
<html>
<head>
<!-- ↓ materializec
浏览 7提问于2020-10-21得票数 0
回答已采纳
1回答
我有一个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
浏览 50提问于2021-11-01得票数 0
回答已采纳
3回答
TypeError:使用Svelte和jest时，Select不是构造函数
javascript、jestjs、svelte、testing-library
在为Svelte组件编写Jest测试时，当组件使用es6导入语法导入库时，我得到了一个TypeError: Select is not a constructor错误。
TestSelect.js：
<script>
import Select from 'svelte-select';
let items = [
{value: 'chocolate', label: 'Chocolate'},
{value: 'pizza', label: 'Pizza'},
{v
浏览 3提问于2020-08-20得票数 4
2回答
从柏树中写入可写存储值
typescript、cypress、svelte
在Svelte应用程序中，我有一个布尔变量。
import { writable } from 'svelte/store'
export const authorised = writable(false)
这将导入到App.svelte和其他svelte文件中，并使用$authorised进行访问和更新。
我不能在Cypress中使用$语法，所以我使用了
import { authorised } from '../../src/stores'
describe( etc etc
authorised.set(true)
cy
浏览 6提问于2022-07-20得票数 1
回答已采纳
2回答
SVELTE.js函数代码能成为一个包或库吗？
javascript、html、svelte、svelte-3、svelte-component
所以我用svelte创建组件，并在其中添加自定义逻辑，
但是编译好了。
然后使用本机javascript使用编译后的版本，而不执行svelte的npm安装。
基本上，我希望我能做这样的事情：
function test(text) {
// for example let's add with native JS this component
document.body.innerHTML += `<MyCard myParameter="${text}">` // when calling myCard it will create also s
浏览 6提问于2022-09-15得票数 0
回答已采纳
2回答
Angular 11: ERROR TypeError：“...不是一个函数“。但实际上是这样的
javascript、angular、typeerror
我正在开发基于webrtc的音频/视频会议应用程序。为此，我在Angular 11中创建了一个前端和后端节点(Express server)。所以我用普通的JS，HTML，CSS创建了这个应用程序，并且它工作了。但当我试图将前端转换成Angular应用程序时，问题就来了。 应用程序的工作方式是这样的，首先我创建房间，我将获得一个roomId，我发送给另一个人，他使用该roomId加入房间进行聊天。 当另一个人加入房间时，onRoomJoined()就会在我这边被处死。 async onRoomJoined(data) {
await this.setUpConnection(data
浏览 74提问于2021-04-24得票数 2
回答已采纳
1回答
在customElement为true的脚本标记内未定义Svelte.js组件属性
javascript、web-component、svelte、svelte-3、svelte-component
这可能就是Svelte.js的工作原理，但我很好奇我是不是做错了什么，或者是否有解决办法。 如果我设置了编译器选项customElement: true，则传递给组件的属性在该组件的<script>标记中不可用。我用的是带svelte装载机的webpack。下面是一个简单的例子： // index.html
<my-app foo="testing svelte"></my-app>
<script src="bundle.js"></script>
// script.js (bundled
浏览 37提问于2020-03-28得票数 3
回答已采纳
3回答
Javascript原型错误
javascript、prototype
我一直试图创建自己的Javascript函数，然后使用Prototype添加方法
所以我创建了一个函数：
function createObject(){
this.value = 0;
}
然后创建Prototype方法：
createObject.prototype.once = function(){
return this.value+1
};
然后创建对象的实例：
var x = createObject();
然后，当我尝试运行x.once()时，我得到：
Uncaught TypeError: Cannot read property 'once&#
浏览 7提问于2017-02-26得票数 0
回答已采纳
1回答
在Svelte组件中使用mdsvex在运行时编译标记
javascript、svelte
我试图在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&
浏览 9提问于2022-08-17得票数 1
6回答
为什么这段代码使用<function>.call()？
javascript
代码来自
function Product(name, price) {
this.name = name;
this.price = price;
if (price < 0)
throw RangeError('Cannot create product "' + name + '" with a negative price');
return this;
}
function Food(name, price) {
Product.call(this, name, price);/// why no
浏览 0提问于2013-01-25得票数 2
回答已采纳
2回答
在Svelte组件中放置一个元素
javascript、svelte
在Svelte组件中放置元素意味着什么？例如：此代码：
const target = document.createElement('div');
// render the component in the new element
const sample = new Sample({ target });
就像这里，在给定的链接代码中，作者正在这样做：
这是干什么用的？是把Svelte组件放进div里吗？在Svelte组件的构造函数中放置元素是Svelte语法吗？
浏览 1提问于2019-09-12得票数 2
回答已采纳
2回答
Angular 2服务未注入到组件中
typescript、angular、angular2-injection、angular2-services
我在Angular2 (2.0.0-beta.0)应用程序中定义了一个服务。大概是这样的：
import {Injectable} from "angular2/core";
@Injectable()
export class MyService {
constructor() {
}
getSomething() {
return 'something';
}
}
我把它列在我的主应用程序文件的bootstrap()函数中，这样我的代码就可以使用它了：
bootstrap(App, [MyService,
浏览 7提问于2015-12-19得票数 4
回答已采纳
7回答
如何结合腾讯云开发微信小程序？
api、serverless、html5
目前，微信小程序越来越流行，而且功能越来越强大，在性能方面也越做越好。因为能够原生调用小程序提供的组件和 API ，小程序的开发快捷，使用方便，越来越多的产品会落地到微信小程序上。但传统的微信小程序开发，和普通的H5页面开发或者原生APP开发相比，只是改变了前端部分的开发方式，还是离不开厚重的后台开发。 现在的小程序，在后台服务方面，正在往 serverless 趋势方向发力。小程序提供了云厂商的无服务器函数 SCF，使得小程序无需搭建一个后台服务即可运行。如何结合腾讯云开发微信小程序？
浏览 3744提问于2018-09-28
1回答
理解复杂物品的Svelte商店
svelte
我正在努力理解svelte商店，这样我就可以构建一个购物车，用产品更新它，并呈现出购物车中的产品列表。到目前为止我有这个
我的店：
import { writable } from 'svelte/store'
export function cart() {
const { subscribe, set, update } = writable({});
return {
subscribe,
add: (item) => update(n => Object.assign(item, n)),
浏览 8提问于2022-01-17得票数 0
1回答
Svelte中Component对象的所有可用属性是什么？
javascript、svelte、svelte-component
import ItemPanel from '../Panel/ItemPanel.svelte';
如果我记录console.log(ItemPanel)，我会得到类定义：
class ItemPanel extends SvelteComponentDev {
constructor(options) {
super(options);
init(
this,
options
...
但如果我使用console.log(ItemPanel.nam
浏览 0提问于2020-12-31得票数 1
2回答
角类不实现继承的抽象成员。
angular、typescript、dependency-injection、ag-grid
在编写我面临问题的程序时，将抽象类扩展到可共享的角组件。
这是我的代码：
AgGridDatasource (aggrid.model.ts)
export abstract class AgGridDatasource {
private _gridOptions: GridOptions = DEFAULT_GRID_OPTIONS;
private _gridApi: GridApi;
private _gridColumnApi: ColumnApi;
protected constructor(gridOptions: GridOptions) {
this._gridO
浏览 2提问于2021-09-25得票数 0
回答已采纳
1回答
另一个组件内部的组件
svelte
我用svelte编写了以下组件。
DataTableTest.svelte
<script>
export let title;
export let data;
export let columns = [];
</script>
{title}
<table>
{#if columns}
<tr>
{#each columns as c}
<td>{c.label}</td>
{/each}
</tr>
{/if}
{#if
浏览 1提问于2019-08-07得票数 2
回答已采纳
4回答
如何安装多个版本的MyProgram (同一台PC、VS2008)？
c#、visual-studio-2008、windows-installer、installation、setup-deployment
我有一个很大的MDI套件应用程序，我为我们公司写的。它安装在两台Citrix服务器上，然后通过工厂中的数百个Windows终端进行访问。
在安装更新之前，我(唯一的开发人员)测试我的新例程，直到我满意它将以我期望的方式执行。这通常是有效的，但它让组经理感到担忧。
他希望我安装一个测试版，可以在我们的工作环境中由其他人测试。
为此，我需要在Citrix服务器计算机上安装我的应用程序两次，以便我们的员工可以对其进行测试(对吗？)；但是，当我尝试在同一台PC (即Citrix服务器)上再次安装该应用程序时，Windows显示它已经安装。
VS2008安装和展开安装程序具有产品代码。我是不是应该改一下
浏览 0提问于2009-08-21得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
