尝试加载外部TypeScript组件时，“未捕获的TypeError:类扩展值未定义不是构造函数或为null”
这个错误通常是由于以下几个原因导致的：
- 缺少引入依赖：当尝试加载外部TypeScript组件时，需要确保已正确引入所需的依赖。请检查是否已正确安装和引入所需的TypeScript组件。
- 组件命名冲突：在引入外部组件时，可能存在组件命名冲突的情况。请确保你的组件命名不与已有的组件冲突，并且使用合适的引入方式。
- 编译错误：如果你的TypeScript代码存在编译错误，可能会导致加载组件时出现错误。请确保你的代码没有语法错误，并且已正确配置TypeScript编译器。
在解决这个问题之前，可以尝试以下几个步骤：
- 检查依赖：确认你已正确安装和引入所需的TypeScript组件。可以查看组件的文档或官方网站获取正确的安装和引入方法。
- 清除缓存：有时候，浏览器或构建工具可能会缓存旧版本的组件代码。尝试清除浏览器缓存或重新构建项目，以确保使用的是最新的组件代码。
- 检查命名冲突：确保你的组件命名不与已有的组件冲突。可以尝试更改组件的命名，或使用命名空间等方法来避免冲突。
- 检查编译错误：检查你的TypeScript代码是否存在语法错误或编译错误。可以使用TypeScript编译器进行编译，并查看是否有任何错误提示。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（云原生应用开发平台）：https://cloud.tencent.com/product/scf
- 腾讯云云服务器（云计算基础设施）：https://cloud.tencent.com/product/cvm
- 腾讯云人工智能平台（提供丰富的人工智能服务）：https://cloud.tencent.com/product/ai
- 腾讯云物联网套件（为物联网提供全面的云端支持）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动应用开发平台（提供全面的移动开发解决方案）：https://cloud.tencent.com/product/tcaplusdb
- 腾讯云数据库（提供多种数据库存储解决方案）：https://cloud.tencent.com/product/cdb
- 腾讯云区块链服务（提供区块链开发与部署平台）：https://cloud.tencent.com/product/tbaas
- 腾讯云音视频处理（提供音视频处理和分发解决方案）：https://cloud.tencent.com/product/cme
请注意，以上链接提供的是腾讯云相关产品的介绍页面，您可以根据具体的需求和场景选择适合的产品。
相关·内容
我正在尝试在一个typescript项目中扩展Pixi.Spride类。(我添加了一些其他属性)。但是当我实例化我的新对象时，我得到这样的结果：
未捕获TypeError:未定义不是函数。
下面是我的代码：
///<reference path="../lib/pixi.d.ts" />
enter code here
// Module
module test {
// Class
export class Card extends PIXI.Sprite {
public name: string;
浏览 3提问于2015-04-19得票数 1
是否存在阻塞和非阻塞的Javascript错误？
我的意思是，我已经看到我的站点报告了一些错误，但所涉及的过程仍然成功完成(据我所知)。这些错误包括: TypeError:未定义不是对象(计算'e.nodeName.toLowerCase') TypeError: e.nodeName未定义(它们总是来自我的通用JQuery库文件)
这就是我所说的“非阻塞”错误，因为所涉及的脚本似乎已经成功完成。
如果存在阻塞和非阻塞，那么它的正确术语是什么，我如何区分这两者之间的区别(例如，这样我就可以优先调查阻塞错误)？
谢谢
浏览 0提问于2017-06-18得票数 0
1回答
最近，我正在学习Phaser3来构建一个游戏，并使用Typescript来编写代码。此外，我正在尝试在Phaser类中使用面向对象的编程来创建不同的对象。 我写的代码如下： class DifferentGraphics extends Phaser.Scene {
constructor() {
super({
key: "DifferentGraphics"
});
}
create() {
class Graphic {
graphic: Phaser.GameObjects.Graphics;
浏览 17提问于2020-07-06得票数 0
在工作中，我们使用带有严格null检查的Typescript来帮助捕获由null/未定义变量引起的异常。然而，我们最近遇到了Typescript似乎遗漏的一个bug。下面的代码演示了这一点：
interface IMyObj {
foo: string;
}
const myArr: IMyObj[] = [];
const myObjProp = myArr[0].foo;
console.log(myObjProp);
Typescript将毫无问题地编译此代码，但在运行时，它显然会抛出一个类型错误：
Uncaught TypeError: Cannot read property
浏览 23提问于2019-02-06得票数 1
export default class Login extends React.Component {
static navigationOptions = {
title: 'Welcome',
header: null
};
constructor(props) {
super(props);
state = {
email: "",
password: ""
}
}
han
浏览 0提问于2019-02-01得票数 0
我正在做一个示例ReactJS应用程序，在那里我试图通过RestAPI帖子发送表单数据。下面给出了代码片段，但是它不起作用。
组件的呈现()如下所示。在填写表单时，当用户单击"submit“按钮时，将调用'handleSubmit‘。
render() {
return(
<button
label="Submit"
onClick={this.handleSubmit}>
Submit
</button>
}
'handleSubmit‘的定义在下面给出，它在这里错误为“未定义
浏览 0提问于2018-09-22得票数 0
尝试使用typescript将angularjs的$filter服务注入到指令中：
export class MyDirective implements ng.IDirective {
public static $inject: string[] = ["$filter"];
constructor (public $filter: ng.IFilterService) {
var result = this.$filter('orderBy')([{"price":1}], [&#
浏览 1提问于2016-06-30得票数 0
1回答
我正在使用带有typescript的angular2，并且我定义了一个类
export class Example{
//.../
const self: all = this;
functionToCall(){
//.. Do somerthing
}
mainFunctionCall(){
somepromise.then(x => self.functionToCall('url/'+ x.name ) )
}
}
但是它一直抛出关于functionToCall未定义的错误。
我是typescript/
浏览 0提问于2016-07-12得票数 0
我得到了数据json：
componentDidMount() {
const {axios} = this.props
const {invoice} = this.state
axios({
method: 'get',
url: `/invoice`,
}).then((result) => {
this.setState({invoice: resu
浏览 0提问于2018-11-04得票数 0
2回答
如何在泛型类中使用服务(角7)
、、、、
我有以下例子：
数据模型：
export interface SampleList {
readonly Id: number;
CompanyName: string;
Country: string;
}
构成部分：
export class AppComponent implements OnInit {
private sampleList = new SampleWrapper<SampleList>();
constructor() { }
ngOnInit() {
this.sampleList.loadData(&#
浏览 1提问于2019-05-07得票数 0
我被困在学习Typescript语言上，需要一些解释。问题是名为this.value的变量从未被赋值为未定义的isValid函数，请检查它。如何让typescript理解它？
export const isValid = (n: any) => n && n > 0 && n < 10;
class Test {
value: number;
constructor(value?: number) {
/*
Type 'number | undefined' is not ass
浏览 0提问于2020-10-28得票数 1
我正在尝试在TypeScript中实例化新的HTMLDivElement
var elem = new HTMLDivElement();
但是浏览器抛出
Uncaught TypeError: Illegal constructor.
解决方法似乎是使用
var elem = document.createElement('div');
但由于各种原因，我发现这并不是最优的。
当lib.d.ts中存在用于in的new关键字时，为什么不能直接实例化DOM元素
declare var HTMLDivElement: {
prototype: HTMLDivElement;
浏览 250提问于2014-10-07得票数 69
回答已采纳
我有以下代码()：
!function(global) {
'use strict';
function FancyInput(options) {
this.options = options || {};
}
global.FancyInput = FancyInput;
}(this);
当我在控制台中执行以下代码时，它会抛出一个TypeError
var x = FancyInput({"a":1})
错误：
TypeError:无法设置未定义的属性“选项”
为什么它不能设置变量呢？如果我以前用this调用它，它就能工
浏览 2提问于2014-07-25得票数 0
回答已采纳
TypeScript新手(但不是OO设计新手)我不明白发生了什么
文件application.ts
class
APPLICATION{
constructor(){
console.log("constructor APPLICATION")
this.database = new REPOSITORY
}
database: REPOSITORY
}
new APPLICATION
import { REPOSITORY } from "./reposit
浏览 0提问于2017-10-15得票数 4
你好，我正在学习反应js，我遇到了一个问题。当我试图使用react路由器返回到主页时，我会得到以下错误：
未定义TypeError:无法读取未定义属性的“推送”
下面是我的代码，正如您所看到的，我正在调用导航函数：
我的带有路由器的client.js：
如果我将this.props.router.push('/');替换为this.props.history.push('/');，它就能正常工作。有什么问题吗？
浏览 5提问于2016-05-06得票数 12
回答已采纳
1回答
我们正在将阿波罗添加到一个现有的移动应用程序中，它是用React构建的--原住民。
今天，我们使用Redux发送操作和执行后台请求，有时由于技术原因而有一定的延迟。我们也想和阿波罗的客户做同样的事。
考虑到阿波罗客户端的机制，只要组件被卸载，在屏幕上使用useQuery执行setTimeout重取以添加5-10秒的延迟可能会中断。虽然，我们仍然希望重取被执行，但是稍后，即使我在一个完全不同的屏幕上。
目前，当我尝试在未挂载的屏幕上重取时，会收到以下错误：
TypeError -未定义不是对象(计算'c.currentObservable.query.refetch')
我正
浏览 3提问于2020-09-23得票数 0
我的场景如下:我有3个组件: MainComponent、ComponentA、ComponentB
MainComponent是动态负荷ComponentA。ComponentA有一个onClick称为MainComponent.addComponent(ComponentB)的按钮
export class MainLayout
{
constructor(private dcl: DynamicComponentLoader,private elementRef:ElementRef) {
///this will work fine
this.dcl.loa
浏览 7提问于2016-01-11得票数 1
回答已采纳
1回答
我似乎无法在单击事件中获得typescript类实例。
我有一个TypeScript类Navigation。
class Navigation
{
currentPage: number;
wireMouseEvents()
{
this.buttonPrevious.on("click", function(): void {
if (this.currentPage > 1)
{
// do more work with Navigation o
浏览 1提问于2013-05-12得票数 0
下面的小计数应用程序导致Uncaught :无法在计算this.counter的时间读取未定义的的属性“计数器”。
<template>
<v-app>
<v-content>
Redirect after {{counter}} sec.
</v-content>
</v-app>
</template>
<script>
/* eslint-disable no-console */
export default {
name: 'App',
浏览 2提问于2020-02-19得票数 2
回答已采纳
当我关闭Google API时，我得到一条“未捕获的TypeError:无法读取未定义的属性'DataTable‘”的消息。
我想捕捉这个未定义的错误，并弹出一个窗口，上面写着"Google已被禁用“，但我不确定什么类型的对象是未定义的。我目前正在检查"DataTable“对象，但我非常确定这是错误的，因为现在无论如何都会弹出窗口。
这是我的代码。
var data = new google.visualization.DataTable();
if(typeof DataTable == "undefined"){
window.alert("
浏览 8提问于2017-07-28得票数 0
回答已采纳
1回答
我试图使用基于JavaScript对象的@ViewChild访问HTML，如下所示：
<div class="main-div">
<gs-configuration-tabs ></gs-configuration-tabs>
<div class="content-div">
<div class="pipelines" *ngFor = "let pipeline of pipelineData; let i = index">
浏览 5提问于2021-05-18得票数 0
回答已采纳
在ErrorBoundary中，我想知道错误的原因。
例如，以下组件引发错误“未捕获TypeError:无法读取null的属性'foo‘”。
我想在ErrorBoundary中捕获此消息并记录它。但是，我可以获得组件的堆栈跟踪，但不能获得这样的错误。
有没有更好的方法呢？
组件：
const BugComponent = () => {
// set Null
const [value, setValue] = useState(null);
// "Uncaught TypeError: Cannot read property 'fo
浏览 18提问于2020-05-28得票数 1
4回答
我有一个简单的反应组件，如下所示：
interface ComponentProps {
onClick?: () => void;
}
const Component = (props: ComponentProps) => {
if (!props.onClick) {
return <></>;
}
return (
// Typescript complains: Cannot invoke an object which is possibly 'undefined'
浏览 4提问于2020-10-30得票数 2
2回答
代码：
export default {
data() {
return {
nameCity: '',
}
},
methods: {
findCity(event){
event.preventDefault()
findCityCust().then(function(response) {
console.log(response)
this.nameCity = r
浏览 2提问于2021-11-10得票数 2
回答已采纳
我的反应不会加载到Internet 10 (与Chrome和FF正确工作)。
我搞错了：
TypeError: Cannot get property "subscribe" of undefined
at trySubscribe
at componentDidMount
at notifyAll
at close
at closeAll
at perform
at perform
at perform
at m
at close
(翻译)
trySubscribe函数处于react redux( src/components/connect.js )中：
浏览 2提问于2016-03-25得票数 2
回答已采纳
我正在使用Hapi.JS在Node构建一个应用程序。
我有一个用于身份验证插件的类，它给我带来了各种各样的问题。当我试图从类的方法中引用this时，我会收到一个错误，说明this是未定义的。为什么会发生这种情况？
节选：
class OAuth {
constructor () {}
register (server, err, next) {
this.server = server;
this.registerRoutes();
}
registerRoutes () {
console.log(this.server.route);
浏览 2提问于2016-05-27得票数 11
回答已采纳
我正在尝试建立一个火箭模型，通过添加不同的形状到一个大的组，并将它们放置在特定的轴线上。
当我尝试启用
rocketCone.position.y = 15;
所以火箭飞船的顶部更高，我会收到一条错误信息
“未捕获TypeError:无法设置未定义的属性'y‘”
浏览 2提问于2019-03-24得票数 0
2回答
react组件中放置的对象数组
、、、、
我正在尝试建立一个使用React播放MP3的网页上的功能。我有一个对象数组，其中包含每首歌曲，专辑封面，艺术家，标题。
我正在尝试找出它在React类组件中的位置。
我想要做的是将mp3作为道具传递给播放器组件，但我无法使用下面这行代码读取数组中的对象：
我收到的错误是: TypeError:无法读取未定义的属性'0‘
console.log(this.playlist[0].src);
下面是my Music组件的快照：
import React, { Component } from 'react';
import Player from '../Playe
浏览 2提问于2020-02-08得票数 0
3回答
我甚至不知道这在TypeScript中是否可行，但是我试图从一个类继承一个函数，如下所示：
import {Component, AfterViewInit, ElementRef} from 'angular2/core';
@Component({})
class Class1 {
name: string;
constructor(private el: ElementRef) {}
private setName() {
this.name = "test";
}
ngAfterViewInit() {
this
浏览 7提问于2016-03-14得票数 4
回答已采纳
我有一个具有以下功能的组件：
constructor(MyProps: Readonly<MyProps>){
super(MyProps);
this.state = {suppliers: [], supplierId:0, supplierName:''};
this.addSupplier.bind(this);
}
addSupplier(){
const {supplierId} = this.state;
alert('supplierId = ' + supplierId);
}
<
浏览 0提问于2020-01-02得票数 0
1回答
在component文件中创建了一个映射- tempDAMap
import 'rxjs/add/operator/map';
export class AComponent implements OnInit {
tempDAMap = new Map();
/** Onchange */
selectedName(pName: any): void {
this.service.getPAData(pName).subscribe( (data) => {
if (data.length > 0 && data
浏览 3提问于2020-04-30得票数 0
回答已采纳
1回答
我有这样的代码：
@Input() myUuid;
private dcs: HistoryService;
constructor(private hsf: HistoryServiceFactory) {
console.log('my uuid:', this.myUuid.toString());
}
据我所知，TypeScript在这里没有发出警告：
但是myUuid应该始终是未定义的，因为只有在触发ngOnInit()之后才能保证初始化它。TS是否可能知道这一点并显示(编译)警告？
浏览 1提问于2018-02-01得票数 0
回答已采纳
2回答
我遇到了一个正则表达式替换问题，我似乎无法解决替换文件路径的某些已配置参数的问题。
这是我到目前为止所知道的：
文件路径的正则表达式可能并不完美，但似乎工作正常。
正则表达式：^(?<path>[^\\/*?<>|]+)\\\\(?<filename>.+)\\.(?<ext>.mp4$)
文件名匹配结果名：$2
因此，它所做的是搜索扩展名为mp4的文件列表，并使用配置的匹配结果，将其作为“文件名”返回。
目标字符串示例，
\\\\folder\music\hello.mp4
结果文件名= "hello“
我想要做的是能够获取正则表达式匹
浏览 2提问于2011-08-12得票数 1
回答已采纳
我得到了以下错误：
src/model/priceAdapment.ts(55，2)：error TS2345:类型'{ as: string；foreignKey: string；gql: any；}‘的参数不能分配给类型'AssociationOptionsHasMany’的参数。对象文字只能指定已知的属性，并且'gql‘不存在于'AssociationOptionsHasMany’类型中。
错误很明显，我试图分配一个不存在的"gql“键(我将它附加在上面，以便以后在代码中访问它)。
我想做的是扩展，并添加我自己的密钥。这个是可能的吗？如果是
浏览 8提问于2017-11-21得票数 0
4回答
遵循，我尝试以编程方式在页面上创建组件的实例。
主要的片段如下：
import Button from 'Button.vue'
import Vue from 'vue'
var ComponentClass = Vue.extend(Button)
var instance = new ComponentClass()
instance.$mount()
this.$refs.container.appendChild(instance.$el)
然而，我得到了两个错误：
我试图实例化的组件包含对存储的引用，这些引用不起作用："TypeError
浏览 1提问于2018-11-09得票数 6
回答已采纳
为了使用TypeScript在Range2中引入依赖项注入，我们使用如下代码：
constructor(private _service : SampleService){}
我想知道private关键字在声明变量中的重要性。如果我们不将服务声明为private，它会影响吗？
谢谢
浏览 1提问于2017-06-11得票数 4
回答已采纳
2回答
在一些无法访问TypeScript.But的代码中，我有一个简单的如果其他代码无法访问it.It的代码，则显示以下错误，
“无法读取未定义的属性(读取'setNewsProvider')”
代码
if (this.newsShow != null) {
if (this.glbNews.nIds == null) {
this.setNewsProvider(); //Accessible Here
}
else {
if (this.newsShow.EmpLst == nu
浏览 1提问于2022-07-28得票数 0
回答已采纳
2回答
我想让类成员成为file_name
我不想使用this.state，因为我不想在file_name更改时呈现。
class ListMix extends React.Component {
constructor(props) {
this.file_name = "";// it shows the error.
//TypeError: Cannot set property 'file_name' of undefined
super(props);
this.state =
浏览 5提问于2021-03-24得票数 1
回答已采纳
我使用EmberJs1.13.15和EmberJs，我试图通过添加以下代码稍微修改主要的LinkComponent行为：
app/components/nav-link-to.js:
import Ember from 'ember';
export default Ember.LinkComponent.extend({
tagName: 'li'
});
app/templates/components/nav-link-to.hbs:
<a href="">{{yield}}</a>
并在以下方面使用该组件：
浏览 3提问于2016-02-10得票数 0
2回答
我有一个奇怪的角度(v9)行为：
我有以下代码：
public devices = [];
constructor(...){
navigator.mediaDevices.getUserMedia(constraints).then(function (stream) {
navigator.mediaDevices.enumerateDevices().then(p => this.devices = this.gotDevices(p));
});
}//end of constructor
public gotDevices(deviceInfos){..
浏览 3提问于2020-04-29得票数 0
4回答
所以我需要运行这一行代码：
var vehicles = this.state.vehicles;
在渲染功能中：
render: function(){...}
我目前得到了这个错误：
TypeError:无法读取未定义的属性“状态”
即使这一行起作用了：
this.setState({vehicles: json})
这也是守则的一部分：
getInitialState: function(){
this.render = this.render.bind(this)
return {
vehicles: []
}
}
如何修复此错误并访问数据？
浏览 12提问于2017-08-01得票数 4
回答已采纳
我想知道是否可以定制IntelliJ在TypeScript文件中突出显示分号“缺失”的行的方式。它似乎在任何地方都突出显示下一行是另一条语句的空间。据我所知，只要下一句话不是以[或，我们的团队不把换行符放在愚蠢的地方，比如返回、继续等)开始，就不会有任何痛苦。
我说的是看起来
。
浏览 0提问于2016-07-19得票数 4
我构建我的应用程序并学习ReactJS
我的代码错误，直到现在，我试图搜索互联网和论坛，但无法修复。这里我的代码：
logout(){
localStorage.removeItem("token");
localStorage.clear();
if(localStorage.getItem('token') === null){
this.props.history.push('/login')
}
}
错误：TypeError:无法读取未定义的属性“push”
请帮帮我
浏览 6提问于2020-01-02得票数 1
3回答
我开始学习React，我正在尝试实现一个模式窗口。我同时也在使用TypeScript。
我想要捕捉到我的React组件外部的点击，所以当我单击模态窗口外时，这个按钮就关闭了。我的方法是基于这样的：
import styled from 'styled-components';
const StyledModal = styled.div`
width: 100%;
background-color: #fff;
box-shadow: 0 0 0.625rem, rgba(0, 0, 0, 0.2);
@media (min-width: 576px) {
浏览 1提问于2018-04-09得票数 3
回答已采纳
我有一个带有类型记录的反应项目(v. 3.6.3)，
当我构建- npm run build时，我得到一个类型记录运行时错误：
内部错误中的错误:无法读取未定义堆栈跟踪的属性“长度”：TypeError:无法读取未定义的unescapeLeadingUnderscores属性的“长度”
我发现引起这个问题的是LogRocket记者，这是console.log在typescrit.js上触发错误的类型赋值对象
{
identifier: NodeObject {
pos: -1,
end: -1,
flags: 8,
modifierFlagsCache:
浏览 3提问于2019-09-24得票数 6
我得到以下错误：
未捕获扩展:无法读取未定义的TypeError的属性“”extend“”
当我尝试使用：
Ember.View.extend
我读到视图已被删除，我应该使用什么来代替？
谢谢，凯蒂。
浏览 0提问于2018-06-08得票数 1
3回答
我有一个类似于这样的混合体，它有一个请求方法来调用axios和处理错误，等等：
import Vue from 'vue'
import axios from 'axios';
Vue.mixin({
methods: {
request(url, datas) {
//Call axios and return premise
[...]
}
});
我有一家这样的商店
const actions = {
selectEmployees: (store, keywords) =
浏览 1提问于2018-10-02得票数 5
回答已采纳
1回答
我的应用程序中有一个ajax调用，如下所示：
componentWillMount() {
fetch('http://localhost:8081/',{method: 'GET', mode: 'cors'})
.then(
(results) => results.json()
)
.then(
data => this.setState(data)
)
.then(
() => console.log(this.state)
浏览 0提问于2018-04-23得票数 0
3回答
我在TypeScript SafeAreaView组件中遇到了一个错误。我为WebView提供了其他参考资料，而且它不会失败，只在分配给SafeAreaView组件时才会失败。
import { useRef, MutableRefObject } from 'react';
import { SafeAreaView } from 'react-native-safe-area-context';
...
...
const topSafeAreaViewRef = useRef(null);
...
...
<SafeAreaView ref={top
浏览 24提问于2022-01-25得票数 0
我正在尝试将setState函数用于我的App类中的一个方法。
当前代码示例：
addRandomContact() {
this.setState({
actors: contacts.slice(0, 6)
})
}
我期望我的联系人数组从5到6的长度。
我收到的错误如下：
TypeError:无法读取未定义addRandomContact的属性“setState”
浏览 4提问于2020-04-21得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
