原型:无法读取未定义的属性(读取'prototype') React Typescript +TypeError
在React TypeScript中，当尝试读取未定义的属性（读取'prototype'）时，会出现TypeError。这个错误通常发生在以下情况下：
- 组件未正确定义或导入：确保组件已正确导入并在代码中正确引用。检查组件的文件路径和导入语句是否正确。
- 组件属性未正确定义：如果在组件中使用属性，确保属性已正确定义并传递给组件。检查属性的名称和类型是否正确。
- 组件未正确渲染：确保组件在渲染过程中没有错误。检查组件的render方法是否正确实现，并且没有在渲染过程中尝试读取未定义的属性。
- 类型错误：在React TypeScript中，类型错误可能会导致无法读取未定义的属性。检查代码中的类型定义和类型注解，确保属性的类型与实际使用的类型匹配。
解决这个问题的方法包括：
- 检查组件的导入和引用，确保组件正确导入并在代码中正确引用。
- 检查组件属性的定义和传递，确保属性正确定义并传递给组件。
- 检查组件的渲染过程，确保没有在渲染过程中尝试读取未定义的属性。
- 检查类型定义和类型注解，确保属性的类型与实际使用的类型匹配。
对于React TypeScript开发，腾讯云提供了一系列相关产品和服务，例如：
- 云服务器（CVM）：提供可扩展的计算能力，用于部署和运行React TypeScript应用。了解更多：云服务器产品介绍
- 云数据库MySQL版（CDB）：提供可靠的数据库服务，用于存储和管理React TypeScript应用的数据。了解更多：云数据库MySQL版产品介绍
- 云存储（COS）：提供高可用性、高可靠性的对象存储服务，用于存储React TypeScript应用的静态资源和文件。了解更多：云存储产品介绍
- 人工智能服务（AI）：提供各种人工智能能力，如图像识别、语音识别等，可用于增强React TypeScript应用的功能和用户体验。了解更多：人工智能服务产品介绍
请注意，以上仅为示例，腾讯云还提供了更多与云计算相关的产品和服务，可根据具体需求选择适合的产品。
相关·内容
对我来说，这简直是疯了。使用babel的基本react.js示例。
import React from 'react';
import {render} from 'react-dom';
export default class MyComponent extends React.Component {
constructor(props){
super(props);
this.save= this.save.bind(this);
}
render () {
return (<button on
浏览 0提问于2016-05-26得票数 0
3回答
var a = function () {};
a.prototype.test = function () {
alert("hello");
}
工作正常，但是在下面的代码中
var b = new Object();
b.prototype.test = function () {
alert("hello");
}
我得到了这个错误TypeError:无法设置属性‘测试’的未定义，我无法得到它。
根据我的理解，b继承了对象的原型对象。因此，我们应该能够以如下方式添加一个新的属性，比如b.prototype.x =1。
但是Object.proto
浏览 1提问于2012-07-28得票数 4
回答已采纳
我尝试使用以下代码向对象添加start方法：
var Bounce = Bounce || {
Info : {},
Game : {}
};
Bounce.Game.prototype.start = function() {
Bounce.log("Starting " + new Bounce.Info());
}
但是这会导致以下错误(在Bounce.Game.prototype.start行上)：
未定义的TypeError:无法设置未定义的属性“开始”
查看Chrome控制台中的对象，我可以看到它不包含prototype对象(但是有
浏览 3提问于2015-01-02得票数 3
回答已采纳
我尝试创建javascript对象，如下所示
var SuperObj = function(){
this.super = "super from Super";
this.prototype.getSuper = function(){
return this.super;
}
}
上面的代码抛出错误：
TypeError:无法设置未定义的属性“getSuper”
但是，当我尝试下面的代码时，它起了作用。
var SuperObj = function(){
this.super = "super from Su
浏览 0提问于2015-11-23得票数 1
3回答
在对象文字上扩展原型
、、、、
如果我有下面的代码，为什么它返回一个错误，说无法设置未定义的属性'second_prop‘。我认为您可以扩展prototype属性，并向对象原型添加更多变量和方法。既然两个控制台语句返回'Object‘和true，那么为什么它会返回一个未定义的错误。我的想法是，如果'obj‘是Object类型的对象，那么我应该能够执行temp.prototype.newproperty？因此，该对象将有一个“newproperty”。但很明显我错了，所以我在这里遗漏了一些东西。更重要的是，当obj已经是一个对象文字时，为什么我还需要做Object.create()呢？我只是在看一些例子
浏览 7提问于2015-05-01得票数 0
1回答
Im trying to understand example from _"java script - understanding weird parts" course_. It is explained, that when theGreeter.init.prototypeis set toGreeter.prototypeit is done for cleaner code purpose, so we can set the methods inGreeter.prototype. But when try the code without that settin
浏览 3提问于2020-02-21得票数 0
回答已采纳
2回答
下面是我拥有的Javascript对象：
var calc = {
title : 'Calculator',
plus : function( a, b ) {
return (
console.log(this), // calc
console.log(arguments), // [ 3, 5 ]
console.log(a+b), // 8
console.log(this.title) // Calculator
)
浏览 0提问于2014-03-15得票数 0
回答已采纳
function A() {
this.B = function() {
var bla;
};
}
A.B.prototype.foo = function() {console.log("Do whatever");};
我明白了：
TypeError:无法读取未定义属性的“原型”
在这种情况下，如何向B的原型中添加一个函数？
浏览 5提问于2012-03-15得票数 1
回答已采纳
我有这样的代码：
var Flippable = function( options, element ) {
this.$el = $( element );
this._init( options );
};
Flippable.prototype = {
_init : function( options ) {
this.options = $.extend( true, {}, $.Flips.defaults, options );
this.$pages
浏览 0提问于2013-04-20得票数 0
回答已采纳
1回答
本质上，我所困惑的与我对对象/原型( require.js或three.js )的理解有关。下面是一个例子：
TLDR：
"wee“是"Wee”的一个例子，它是一个包装/猴子补丁程序，由三个.组成。
因此，不应该有三个的属性和方法。
(传递性及诸如此类:a=b= c；a= c.)
define (['three'], function () {
function WEE(){
THREE;
return THREE;
}
var test = new WEE;
console.log("test&#
浏览 0提问于2014-04-12得票数 0
回答已采纳
如何将参数传递给继承的方法？
interactiveElement.prototype.moveTowards = function(target){
console.log(target);
}
projectile.prototype.fire = function(target){
interactiveElement.prototype.moveTowards.call(this); //how do I pass target
}
获取错误:未定义的TypeError:无法读取未定义的属性“0”
浏览 3提问于2013-12-24得票数 2
回答已采纳
我正把我的头转到JavaScript原型继承上。我需要以下链接的帮助：
我有个人反对：
function Person(first, last, age, gender, interests) {
this.name = {
first,
last
};
this.age = age;
this.gender = gender;
this.interests = interests;
};
我继承了它给老师的对象：
function Teacher(first, last, age, gender, interests, subject) {
Perso
浏览 0提问于2017-11-15得票数 0
回答已采纳
4回答
我试图在对象中添加一个子对象，例如
var myObj = myObj || {};
myObj.prototype.subObj = {
'funk': function() {
console.log('Funky success');
}
};
但我一直搞错了
未定义的TypeError:无法设置未定义的属性“subObj”
浏览 4提问于2016-08-12得票数 1
回答已采纳
如何在字符串上直接调用函数？
var test = function(x){
console.log(x);
};
test();
**上述原木应有的“未定义”。
如果我试着：
"test".test();
我得到：
"error"
"TypeError: \"test\".test is not a function.
但测试是一种功能。所以即使我试着：
var example = "test";
example.test();
我得到：
"error"
"TypeError: examp
浏览 4提问于2015-05-19得票数 0
回答已采纳
mobx@3.1.9使用es6装饰器，@ -> (‘some_log’)，这个->上下文是存储，但没有模型。
装饰者不是很好。
// mobx@3.1.9
const log = type => (target, name, descriptor) => {
console.log(target);
const method = descriptor.value;
descriptor.value = (...args) => {
console.log(type);
let ret;
ret = method.apply(ta
浏览 18提问于2019-07-11得票数 0
回答已采纳
1回答
为什么这段代码给我一个错误“未定义的TypeError:无法设置属性'grossSuperAnnuation‘"？谢谢。
function taxCalculation(configuration){
this.superAnnuationPercentage = configuration.superAnnuationPercentage;
this.superAnnuationTaxRate = configuration.superAnnuationTaxRate;
};
var tax = new taxCalculation({
浏览 0提问于2014-09-04得票数 1
回答已采纳
参照官网文档
var config = {
SecretId: 'AKI****uYBew3yjIhuDoXB',
SecretKey: '***',
Bucket: 'image-****',
Region: 'ap-beijing'
};
// 引入模块
var COS = require('cos-nodejs-sdk-v5');
// 创建实例
var cos = new COS({
// 必选参数
SecretId: config.SecretId,
SecretKey: config.S
浏览 2520提问于2018-05-21
下面的代码将记录a、a.length和b.test。A和b.test都产生1，2，3。编辑--我搞砸了。b.test产生未定义的结果。见raina在下面的答复。
a.length产3。
b.test.length在“无法读取未定义的属性‘长度’”时失败
当a和b.test相等时，为什么会出现这种情况？
var a = [1,2,3];
var b = function(){};
b.prototype.test=[1,2,3];
console.log(a);
console.log(a.length);
console.log(b.test);
console.log(b.te
浏览 3提问于2012-12-23得票数 4
回答已采纳
5回答
我想向每个对象添加一个方法。
当我刚刚设置Object.prototype.somefunction = ...时，当有人使用通常的模式枚举对象时，就会出现这样的情况：
for (i in o){
if (o.hasOwnProperty(i)){
// do something with object
}
}
我试图把它放在原型链的更高的位置，但这是不可能的(至少在Chrome中是不可能的)：
TypeError:无法设置未定义的属性“blah”
我是否可以在方法上设置一些标志或其他东西，使其不会被枚举，就像本地方法不会被枚举一样？(或者至少让hasOwn
浏览 8提问于2011-03-29得票数 0
我刚刚开始学习javascript中的原型，我无法理解我的代码中有什么问题。对不起，我的问题可能看起来很傻
我遇到了这样一个错误：Uncaught TypeError: undefined is not a function
为什么是未定义的？我继承了用户的一个函数。不能理解：
var user = {
sayName: function() {
console.log(this.name)
}
};
user.name = "viktor";
user.sayName();
var user2 = {};
user2.proto
浏览 0提问于2014-08-17得票数 0
回答已采纳
我试图使用开玩笑的"getTableData“或sinon "spyOn”来监视“spyOn”方法或任何其他类组件方法。一直在得到：
Cannot spy the getTableData property because it is not a function; undefined given instead带着玩笑spyOn和
TypeError: Attempted to wrap undefined property getTableData as function和西农间谍。
另外，Im测试方法的组件是由使用redux连接的特殊组件包装的。然后，我尝试导出它，没有特
浏览 1提问于2019-04-16得票数 1
我一直试图在JS中找出这个错误，并且无法理解为什么会发生这种错误。程序应该从person对象继承属性，并添加两个附加属性，sID和courses。然后，for循环将用户输入的值(至少为5)推送到属性中。但是，我遇到的问题是，一旦它到达了courses属性(这是一个数组)，我就会一直收到一个错误，说明课程是未定义的。任何帮助都是非常感谢的。
// person object
var person = { firstname: "", lastname: "", email: "" };
var student = {};
student.
浏览 2提问于2014-10-02得票数 1
回答已采纳
我试图在JavaScript文件中使用显示的原型模式来封装两个相关函数的集合。但是，当页面加载时，它在调用.init函数时返回以下错误：
“未定义的TypeError:未定义的函数不是函数。”
下面是我的标记模式。
<script>
$(function () {
testProto1.init();
testProto2.init();
});
</script>
这是我的JavaScript文件中的模式。
var testProto1 = function () {
};
testProto1.prototype
浏览 3提问于2015-04-06得票数 2
回答已采纳
3回答
对象被识别为空或未定义的
、、、、
我正在尝试将housePrototype赋值为House对象的原型，并跟踪这个错误
Object.assign(House.prototype，this.housePrototype)；^ TypeError:无法将未定义或null转换为对象
我做错了什么？
const House = {
name: 'houseObject',
readLocation: (location)=>{
console.log(`house is located at ${location}`)
}
}
const houseProt
浏览 11提问于2022-09-09得票数 0
回答已采纳
3回答
请解释一下为什么对象是未定义的(不是“b.prototype.prototype {}")？
a = function(){}
function b(){}
console.log(a.prototype) //Object {}
console.log(b.prototype) //b {}
console.log(a.prototype.prototype) //undefined
console.log(b.prototype.prototype)
浏览 0提问于2013-03-16得票数 1
使用Typescript的实验性装饰器，有没有一种简单的方法可以将属性添加到类的实例中？我想使用它们类似于如何将mixins应用于基于ES5的React组件。
我发现装饰器可以将属性添加到类本身，但它们不会应用于使用new运算符创建的单个实例。
浏览 2提问于2016-09-07得票数 0
2回答
我正在尝试运行一个使用构造函数创建的对象的函数。但是，我无法做到这一点，因为我总是说“TypeError: mutant_cat.meow不是一个函数”，并且说错了。(在“mutant_cat.meow()”中，“mutant_cat.meow”未定义)“。这是我的构造函数：
function Cat(legs, sound) {
this.legs = legs;
this.sound = sound;
var meow = function() {
document.write(sound);
}
}
这就是我创建对象并尝试运行它的函数的地方
浏览 0提问于2019-06-28得票数 1
回答已采纳
我正在考虑尝试以下代码：
var classA = function() {};
classA.prototype = { x: 4, y: 6 };
classA.prototype.prototype = { z: 10 };
var foo = new classA();
alert(foo.z);
为什么警报返回为未定义？javascript不应该遵循原型链来找到z吗？
浏览 3提问于2011-04-27得票数 3
回答已采纳
2回答
我试图运行基金会，定制表单，javascript，并继续运行类型错误。错误是
无法初始化表单；TypeError无法调用未定义的方法'indexOf‘
我似乎不明白为什么要抛出这个错误。看起来这段代码是罪魁祸首
return arr.indexOf(item) === idx; around line 272
arr对象在尝试运行此代码时为空。不确定这是否是由于脚本中的其他错误或什么原因造成的。任何帮助都将不胜感激。
浏览 3提问于2013-07-23得票数 1
在Javascript中，每个对象都有一个原型。任何原型都是一个对象，因此任何原型都有一个原型。
这就是我：
var Person = function (name) {
this.name = name;
}
Person.prototype = {
walk: function () {
alert(this.name + ' is walking');
}
}
var walter = new Person('Walter');
我能走路：
walter.walk() // => "Walter
浏览 9提问于2009-11-03得票数 2
回答已采纳
6回答
下面的代码片段抛出一个错误TypeError: myObj.prototype is undefined。有人能解释一下为什么吗？
为什么没有用于prototype的new Object() &对象文本，如下所示？
var myObj = {
a : "This is a",
b : "This is b"
}
myObj.prototype.c= "This is c"; // TypeError: myObj.prototype is undefined
如果这不是有效的方法，那我如何做到这一点呢？
浏览 6提问于2013-05-24得票数 5
回答已采纳
2回答
我使用Typescript命令(tsc)创建一个包含所有plateform类的Javascript文件。
tsc "./Main.ts" -out "./script/myProject_debug.js" --declarations
然后，我想用谷歌闭包(compiler.jar)来混淆这个文件，如下所示：
java -jar ./compiler/compiler.jar --compilation_level ADVANCED_OPTIMIZATIONS --js "./script/myProject_debug.js" > &#
浏览 1提问于2012-11-30得票数 4
回答已采纳
为什么最后一行在JavaScript中计算为未定义的？
function Boat() {}
var myBoat = new Boat();
console.log(Boat.prototype); //Boat(){}
console.log(myBoat.__proto__); //Boat(){}
console.log(myBoat.__proto__.prototype); //undefined - why is this not Boat(){}
浏览 5提问于2014-02-06得票数 1
回答已采纳
<script>
var Employee = new function(name)
{
this.name=name;
}
Employee.prototype.getName = function()
{
return this.name;
}
var PermanenetEmployee = new function(annualsalary)
{
this.annualsalary=annualsalary;
}
var employee = new Emp
浏览 0提问于2016-07-01得票数 0
回答已采纳
在我的函数/对象中
this.StatusMappings = [
{
Range: [Infinity*-1, 50],
Color: 'red',
Text: 'Just getting started - will require considerable time to complete.'
},
{
Range: [50, 70],
Color: 'yellow',
Text: 'Incomplete - major gaps
浏览 1提问于2016-02-19得票数 0
回答已采纳
我有一个函数，它可能返回某个对象或返回一个自定义错误对象。无法检测错误对象类型。
我已经尝试过constructor.match(/Error/i)或试图在prototype的Object.keys上工作，但是没有任何效果。下面是密码？
function x() {
try {
...
} catch {e} {
let err = new Error('caught error')
return err
}
return someObject
}
//the following gives: Typ
浏览 5提问于2017-05-29得票数 4
回答已采纳
当我执行下面的代码时，我希望最后一条语句会给出未定义的结果，但是p1.lastname仍然有一个值。谁能解释一下吗？
function Person() {
this.name = "myname";
}
var p1 = new Person;
console.log(p1.name); // prints "myname"
Person.prototype.lastname = "mylastname";
console.log(p1.lastname); // prints "mylastname"
Person.p
浏览 0提问于2015-03-20得票数 1
回答已采纳
我正在通过JS的好的部分，并来到这个例子。在最后一行中，我尝试调用在sum函数的原型链中定义的方法。我搞不懂为什么这不起作用。
定义sum函数：
var sum = function(){
var i, sum=0;
for(i=0;i<arguments.length;i+=1){
sum += arguments[i];
}
return sum;
}
将方法方法添加到函数原型中
Function.prototype.method = function(name, func){
this.prototype.name = fun
浏览 2提问于2016-11-23得票数 0
下面是从获取的以下示例：
function doSomething(){}
doSomething.prototype.foo = "bar";
var doSomeInstancing = new doSomething();
doSomeInstancing.prop = "some value";
console.log("doSomeInstancing.prop: " + doSomeInstancing.prop);
console.log("doSomeInstancing.foo: " + d
浏览 0提问于2019-08-12得票数 3
回答已采纳
假设我有一个对象，并使用它创建另一个对象：
var person = {
name: "Lee",
age: "12",
others: {}
}
var per1 = Object.create(person);
var per2 = Object.create(person);
per2.name = "Mike";
per2.others.hello = "world";
console.log(per1); // Object {name: "Lee", age: "1
浏览 4提问于2013-07-29得票数 0
回答已采纳
说：
将实例变量声明/初始化放在原型上，用于具有值类型(而不是引用类型)初始化值(即类型数、布尔值、空值、未定义值或字符串值)的实例变量。这避免了每次调用构造函数时不必要地运行初始化代码。(对于初始值依赖于构造函数的参数的变量，或者在构造时依赖于其他状态的变量，都不能这样做。)
它给出了以下示例，而不是：
foo.Bar = function() {
this.prop1_ = 4;
this.prop2_ = true;
this.prop3_ = [];
this.prop4_ = 'blah';
};
使用：
foo.Bar = function(
浏览 2提问于2017-07-29得票数 0
回答已采纳
我知道如何通过使用扩展完整的对象，如果它是原型的话。但是，也可以扩展单个函数吗？
var a = function(){}
a.prototype.test = function( p ){
return p
}
var b = function(){};
b.prototype.test = Object.create(a.prototype.test);
var c = new a();
var d = new b();
console.log(typeof a.test, typeof b.test, typeof c.test, typeof d.test)
consol
浏览 1提问于2015-07-19得票数 1
我正在尝试创建一个静态类属性
import 'babel-polyfill';
class Test {
static name = 'abc';
}
它被typescript转换为
require("babel-polyfill");
class Test {
}
Test.name = 'abc';
现在，当我使用babel-node运行它时，我得到
TypeError: Cannot assign to read only property 'name' of function Test()
我的ba
浏览 19提问于2016-09-19得票数 1
回答已采纳
4回答
我听说过将一个函数或变量应用于多个对象的原型方法。但不知何故它对我没有用。我创建了很多像这样的对象：
var item = {
a: {
aa: "lalala",
ab: 1,
something: 3
},
b: {
ba: "jfjb",
bb: 2,
something: 4
}
}
但当我知道用原型方法
item.prototype.bob = 2;
它不工作，并向我显示错误。
无法设置未定义的属性“bob”
方法相同
item.prototype.bob = function()
浏览 1提问于2016-10-22得票数 0
因此，我正在使用javascript学习原型，并尝试了一些代码：
function Employee(name) { this.name= name; }
var m = new Employee("Bob");
var working= { isWorking: true };
Employee.prototype = working;
alert(m.isWorking);
不幸的是，我得到了一条未定义的消息，而不是真正的值。这个结果有什么原因吗？
我做了几次测试。我得出的结论是，重新分配prototype对象会导致以前创建的Employee类实例无法访问在新分配的原型中
浏览 3提问于2015-12-08得票数 5
回答已采纳
当我试图在导入的函数上设置间谍时，我得到以下错误msg TypeError:无法读取未定义的的属性'_isMockFunction‘
我不明白这段代码有什么问题
导入的函数如下所示
export
function myFn(){
let htmlEl = document.querySelector('html');
let el = document.querySelector('.target-el');
if(el){
el.addEventListener('click', myIntern
浏览 1提问于2018-02-07得票数 0
回答已采纳
编程新手.我正在尝试学习JavaScript中的对象继承。
下面的代码有一个错误。上面写着：
TypeError:无法在对象中找到函数getName
__proto__ (又名"dunder“)不适用于应用程序脚本吗？如果没有默认的“对象”，我如何将继承设置为默认的“对象”？
function onPlay(){
//create an employee constructor
function Emp(last, first){
this.first = first;
this.last = last;
this.getName = function() {re
浏览 2提问于2016-12-21得票数 0
回答已采纳
如何大写每个联系人名字的第一个字母？
String.prototype.capitalize = function (string) { return string.charAt(0).toUpperCase() + string.slice(1);}
var contactList = {};
contactList.bobSmith = {
firstName: "bob",
lastName: "smith",
location: "new york"
};
contactList.johnDoe = {
firstNa
浏览 2提问于2016-01-07得票数 1
2回答
我正在尝试创建一个具有继承的树状结构，如下所示：
base.ts
export class BaseClass {
children: BaseClass[] = [];
get subclassChildren(): SubClass[] {
return this.children.filter((child): child is SubClass => child instanceof SubClass);
}
}
sub.ts
import { BaseClass } from './base';
export class
浏览 0提问于2018-11-20得票数 0
回答已采纳
这是一个很有争议的问题，但我认为原因是缺乏关于这个问题的好文件和好书。
当我学习一门语言时，我做了大量的挖掘，即使我的一些测试是荒谬的，但是我认为理解事物的唯一方法是做各种各样的实验。
我从JavaScript开始，代码越多越让我困惑。
让我们来查看代码(现在忘记不感觉，只考虑输出)：
function Vehicle()
{
this.color = 'Blue'
}
var car = new Vehicle()
console.log('Vehicle.constructor: ', Vehicle.constructor)
console.l
浏览 3提问于2014-01-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
