未捕获的TypeError: fn.call不是函数
是一个JavaScript错误，表示尝试调用一个不是函数的对象。这通常发生在以下情况下：
- 函数名错误：请确保函数名正确拼写，并且确保该函数存在。
- 函数未定义：在调用函数之前，确保该函数已经被正确定义。
- 函数被覆盖：在调用函数之前，确保没有其他代码将该函数重新赋值为非函数类型的值。
- 上下文错误：如果使用了call或apply方法来调用函数，并且传递的第一个参数不是一个函数对象，就会出现此错误。
解决此错误的方法取决于具体情况。以下是一些常见的排查步骤：
- 检查函数名：确保函数名正确拼写，并且确保该函数存在。
- 检查函数定义：在调用函数之前，确保该函数已经被正确定义。可以通过在函数调用之前添加一个console.log语句来确认函数是否已经定义。
- 检查函数赋值：确保没有其他代码将该函数重新赋值为非函数类型的值。可以通过在函数调用之前添加一个console.log语句来确认函数的值是否为函数类型。
- 检查上下文：如果使用了call或apply方法来调用函数，并且传递的第一个参数不是一个函数对象，就会出现此错误。确保传递给call或apply方法的第一个参数是一个函数对象。
如果以上步骤都没有解决问题，可以尝试以下方法：
- 检查代码逻辑：仔细检查代码，查找是否有其他地方对该函数进行了修改或赋值的操作。
- 检查依赖项：如果该函数依赖于其他代码或库，确保这些依赖项已经正确加载并且可用。
- 调试代码：使用浏览器的开发者工具或其他调试工具来逐步执行代码，并查看在哪一步出现了错误。
请注意，以上解决方法是一般性的建议，具体解决方法可能因具体情况而异。在实际开发中，需要根据具体错误信息和代码上下文来进行排查和解决。
相关·内容
当我从nodejs启动时，为什么这样做：
var a = function (name) {
return "Hello, " + name.toUpperCase();
};
var result = a("bob");
console.log(result)
但这一点：
var A = (function () {
function A(msg) {
this.msg = " ";
this.msg = msg;
}
A.prototype.hello = fu
浏览 0提问于2015-02-07得票数 1
回答已采纳
我遇到了一些代码，它们允许您将函数名称的字符串转换为函数并使用它：
var strFun = "someFunction";
var strParam = "this is the parameter";
//Create the function
var fn = window[strFun];
//Call the function
fn(strParam);
我想知道是否有一种方法可以对对象方法做同样的事情，例如：
var fn = window["onclick"];
var body = document.body;
body.on
浏览 0提问于2012-04-05得票数 1
回答已采纳
我有一个包含以下(部分)代码的组件：
export default {
methods: {
mymethod: (x) => {alert(x)},
},
created: () => {
this.mymethod('success');
},
我得到了以下错误：
vue.esm.js?efeb:578 [Vue warn]: Error in created hook: "TypeError: Cannot read property 'mymethod' of undefined"
看起来&
浏览 1提问于2018-04-17得票数 11
回答已采纳
我正在尝试向以下视图发出请求。但是，我得到了错误TypeError: echoplaca() got an unexpected keyword argument 'placa'。
@app.route(r'/enviaplaca/<placa>')
def echoplaca():
return "Numero de placa: {}".format(placa)
浏览 2提问于2017-05-12得票数 18
回答已采纳
是否存在阻塞和非阻塞的Javascript错误？
我的意思是，我已经看到我的站点报告了一些错误，但所涉及的过程仍然成功完成(据我所知)。这些错误包括: TypeError:未定义不是对象(计算'e.nodeName.toLowerCase') TypeError: e.nodeName未定义(它们总是来自我的通用JQuery库文件)
这就是我所说的“非阻塞”错误，因为所涉及的脚本似乎已经成功完成。
如果存在阻塞和非阻塞，那么它的正确术语是什么，我如何区分这两者之间的区别(例如，这样我就可以优先调查阻塞错误)？
谢谢
浏览 0提问于2017-06-18得票数 0
我正在尝试在一个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
我正在开发一个简单的SSE javascript客户端，并回顾一下下面的示例：
var source = new EventSource(
'/event-stream?channel=siteevent&t=' + new Date().getTime());
source.addEventListener('error', function (e) {
console.log(e);
addEntry({ msg: "ERROR!", cls: "error"
浏览 0提问于2017-06-14得票数 0
回答已采纳
我在javascript中注意到了一件奇怪的事情。考虑以下几点：
var fn = ''.toUpperCase.call
console.log(typeof fn); // "function"
fn(); // Uncaught TypeError: `fn` is not a function
上面的代码是在我的Chrome开发者控制台上执行的。版本是43.0.2357.81 m。
typeof运算符清楚地表明fn是一个函数，但错误表明并非如此。
我注意到Function.apply至少显示了一些有意义的错误消息。
那么，什么时候是函数，而不是函数？
浏览 8提问于2015-06-02得票数 14
回答已采纳
我很难弄明白为什么下面这些都不管用：
> var foo = Array.prototype.forEach.call;
< undefined
> typeof foo;
< "function"
> foo([1, 2, 3], function (y) {console.log(y);});
< Uncaught TypeError: foo is not a function
at <anonymous>:2:1
at Object.InjectedScript._evaluateOn (<ano
浏览 2提问于2015-07-10得票数 3
回答已采纳
1回答
当我试图调用我的家庭控制器中的方法时，我得到了消息Uncaught TypeError:Undefined is not a function。
关于我为什么收到这条消息的建议？
findIdpActivities = function (pernr, callback) {
restEndPoint = serviceBase + 'Home/FindIdpActivities';
data = "{'perNr':'" + pernr + "'}";
makeJsonDataAjaxCa
浏览 0提问于2013-10-21得票数 2
回答已采纳
我有一个wxpython对话框，它在单击OK按钮时会引发一个TypeError异常。我想用unittest测试异常的发生，但是测试不像预期的那样工作。输出显示异常被引发。无论如何，单元测试都会通知测试失败：
"C:\Program Files (x86)\Python\python.exe" test.py
Traceback (most recent call last):
File "test.py", line 22, in on_ok
raise TypeError( 'TypeError raised' )
TypeErro
浏览 3提问于2016-11-08得票数 1
回答已采纳
我正在做Python (在Python2上)，在about_classes部分有点丢失。
这就是我不知道该做什么/发生了什么的代码：
class Dog5(object):
def __init__(self, initial_name):
self._name = initial_name
@property
def name(self):
return self._name
def test_args_must_match_init(self):
self.assertRaises(___, self.Dog5) # E
浏览 0提问于2016-01-19得票数 1
回答已采纳
我们的js播放器可以在firefox中正确加载，但不能在Chrome或IE中运行。我尝试了stackoverflow中提到的其他解决方法，以解决以下错误：
未捕获TypeError: Object #没有方法“fancybox”
4event.layerX和event.layerY在WebKit中被破坏和弃用。它们将在不久的将来从发动机中移除。
但是不起作用。我尝试异步加载js文件，但似乎无法在chrome和IE中加载。
这是我们的页面网址：
按下绿色的播放按钮应该会打开下一张幻灯片，你可以在firefox中看到。
浏览 4提问于2012-05-10得票数 1
1回答
使用回调参数
、、
我有一个定制的jQuery函数，它获取一个输入选项对象，并在它完成后运行一个回调函数。此外，在jQuery函数中，我创建了一个回调对象，其中包含了我希望在回调函数中可用的函数。
keyboardInput : function(input, callback){
// ...
if(typeof callback === 'function') {
callback.call(self.callback);
}
// ...
self.callback = {
hideCursor : function()
浏览 5提问于2015-10-08得票数 0
回答已采纳
1回答
我有这样的代码：
function doStuff(args) {
// do stuff
globalFunction(foo);
}
我希望通过将全局函数作为参数传递给我的代码来重构我的代码，这样如果全局函数发生变化，我就可以更改传递给我的函数的内容：
function doStuff(args, fn) {
// do stuff
fn(foo);
}
但是由于一些奇怪的原因，这个函数现在的行为不同了，我在其中发现了一个错误。我这样做是为了再次检查我是否正确地传递了它：
function doStuff(args, fn) {
// do stuf
浏览 3提问于2017-11-03得票数 1
回答已采纳
我在网上找到了这个，现在正试着把它放到TS中。
运行以下代码将抛出Uncaught TypeError: Cannot set property 'toggle' of null
@Injectable()
export class HomeUtils {
private canvas: HTMLCanvasElement;
private context;
private toggle = true;
constructor() { }
public startNoise(canvas: HTMLCanvasElement) {
浏览 1提问于2018-03-16得票数 16
回答已采纳
打破这条链条的正确方法是什么？例如，如果我在catch中，我不希望执行以下两个then。
我曾经把catch放在最后，但后来把它移到了前面，觉得这可能会有帮助。事实并非如此。
return axios
.post(url, data)
.catch(error => {
const message = getBannerTextFailureMessage(liability, toStatus)
dispatch(showBanner(message, bannerConstants.typeError))
})
.then(response =>
浏览 1提问于2018-07-14得票数 1
作为一种函数式编程语言，JavaScript允许如下语句
var obj = {
key: function () {return true;}
};
var fn = obj.key;
很简单，但为什么不起作用呢？
$ = document.getElementById;
分配本身不会抛出任何错误，但是尝试使用$函数会在Chrome中抛出Uncaught TypeError: Illegal invocation。
浏览 3提问于2013-12-24得票数 0
回答已采纳
1回答
我正在开发一个Redux应用程序，其中许多过滤器组件可以更改要执行的搜索的性质。每当其中一个筛选器组件的状态发生更改时，我都希望重新运行搜索操作。但是，我似乎无法正确地从每个过滤器组件调用搜索操作。
以下是主要的搜索操作：
// actions/search.js
import fetch from 'isomorphic-fetch';
import config from '../../server/config';
export const receiveSearchResults = (results) => ({
type: 'RE
浏览 1提问于2018-01-03得票数 24
回答已采纳
我在JavaScript (MyClass)中有一个类，它公开了两个公共函数(funA和funB)，如下所示：
var MyClass = function(){
this.funA = function(){
console.log("function A");
this.funB();
};
this.funB = function(){
console.log("function B");
};
};
var myObj = new MyClass();
注意funA是如何使用‘funB’关键字调用this的。
以
浏览 1提问于2018-08-16得票数 8
当我关闭Google API时，我得到一条“未捕获的TypeError:无法读取未定义的属性'DataTable‘”的消息。
我想捕捉这个未定义的错误，并弹出一个窗口，上面写着"Google已被禁用“，但我不确定什么类型的对象是未定义的。我目前正在检查"DataTable“对象，但我非常确定这是错误的，因为现在无论如何都会弹出窗口。
这是我的代码。
var data = new google.visualization.DataTable();
if(typeof DataTable == "undefined"){
window.alert("
浏览 8提问于2017-07-28得票数 0
回答已采纳
1回答
我和茉莉花是新来的。事实上，我刚刚下载了Jasmine，编写了我的第一个规范，并启动了SpecRunner.html文件。我还没有编写特定的init方法，在Firefox/Safari中，我看到了对此错误的很好的描述：
(Firefox) TypeError: Object.create(...).init is not a function in file...
(Safari) TypeError: undefined is not a function (evaluating 'Object.create(Seminar).init(seminarName)') in f
浏览 0提问于2014-12-17得票数 0
嘿，所有人，看看所有的堆栈溢出，这看起来像一个常见的错误，我就是不能理解。我正忙着将我们的站点从纯JS升级到jquery，为我们迁移到Rails 3.1做准备，现在我有了这个javascript：
:javascript
["Ownership", "Management", "EmploymentEquity", "SkillsDevelopment", "PreferentialProcurement", "EnterpriseDevelopment", "Socioeconom
浏览 0提问于2012-08-28得票数 0
回答已采纳
2回答
我继承了一些Javascript，这个JS曾经工作过，但由于某种原因它不再工作了。
我有以下脚本，请记住，我已经把它砍掉了，只列出了令人不快的部分：
function top_frame() {
top_frame = top.frames[0].document;
top_frame.write('<HTML><BODY topmargin=0 leftmargin=0 marginheight=0 marginwidth=0><IMG SRC="'+image_url+'/options_top.gif"
浏览 4提问于2016-03-04得票数 3
我试图在异常内部引发一个异常，但没有得到外部异常和回溯的错误消息，并且只打印了嘿。然而，如果我把一个字符串而不是k或m放在这里，我就会被困在这里。 The output, which I would need without the traceback def division(k, m):
try:
k / m
except TypeError:
raise ValueError ('hey') from None
return k / m
浏览 42提问于2021-11-15得票数 0
我在asp.net MVC5项目中使用jquery.unobtrusive和jquery.validate库来验证客户端的用户注册。
在浏览器上，我得到这个错误：
Uncaught TypeError: $(...).parents(...).andSelf is not a function
at Object.parse (jquery.validate.unobtrusive.js:211)
at HTMLDocument.<anonymous> (jquery.validate.unobtrusive.js:392)
at mightThrow (j
浏览 0提问于2017-01-29得票数 12
2回答
我被困在某个问题上，有一个类似这样的功能：
var sayHi = function(string){
console.log(string + '' + this.name);
};
那么我要做的是：
sayHi = giveContext(sayHi,{"name":"moe"});
然后我做了：
function giveContext(func,obj){
var fn = func;
fn.prototype.name = obj.name;
var myFn = new fn;
return myFn;
浏览 2提问于2014-10-19得票数 0
回答已采纳
3回答
我有以下几点：
var o = {f: function(fn) {
fn.call(o);
}};
var ob = {f: function() {
o.f(function() {
this.x = 2; //HERE: how can this reference ob?
//ob.x = 2;
});
}};
ob.f();
ob.x; // undefined
o.f(fn)调用fn，其中this绑定到o。
在这里，我想使用this访问ob。但是，当调用ob.f时，this被绑定到o。我想，JQuery是这样工作的。例如：
$
浏览 7提问于2009-02-20得票数 1
回答已采纳
我尝试从回调的扩展类中访问一个方法：
Model.findOne( { _id: id }, function( err, rec ){
super.handleFind( err, rec );
});
当我编译我的打字本时，我会看到以下错误：
error TS2660: 'super' can only be referenced in members of derived classes or object literal expressions.
当我运行JavaScript时，我得到：
TypeError: Cannot read property '
浏览 3提问于2017-10-22得票数 1
尝试将厨房水槽网格示例合并到Sencha/Extjs的Local应用程序中
当我运行sencha app watch打开chrome工具检查器时，我得到这个错误：Uncaught TypeError: Cannot read property 'isBufferedStore' of undefined
浏览 13提问于2020-05-29得票数 0
使用backbone JS库构建页面。我有一个集合，视图和路由器。目标是列出页面中集合的所有条目。
集合
window.Artifact = Backbone.Model.extend({
urlRoot:"/rest/artifacts",
initialize:function(){
this.artifacts = new ArtifactCollection();
}
});
window.ArtifactCollection = Backbone.Collection.extend({
model:Artifact,
浏览 3提问于2012-05-01得票数 0
回答已采纳
这取自John Resig`s的Learning Advanced Javascript #25，叫做“改变函数的上下文”。
1)在fn() == this行中，这指的是什么？它是否引用了函数中的this，其中指定return this？
2)虽然我理解最后一行的目的(将函数附加到特定对象)，但我不理解代码是如何做到这一点的。“调用”这个词是预定义的JavaScript函数吗？请用通俗易懂的语言解释"fn.call( object )“，并明确地告诉我括号(object)中的对象是否与var object是同一个对象。
3)。将函数分配给对象后，是否通过编写object.fn();来调
浏览 1提问于2011-03-17得票数 9
回答已采纳
因此，我有一个带有类和记录器的python程序。以下是代码：
import logging
path2log = "logs/1.pylog"
LOG_FORMAT = "%(levelname)s - %(name)s (%(asctime)s) : %(message)s"
#existing log levels are:
#Debug
#Info
#Warning
#Error
#Critical
logging.basicConfig(filename = path2log,
level = loggin
浏览 2提问于2018-02-06得票数 1
回答已采纳
1回答
我创建了一个小小的python函数，它提供了一个简单的检查:参数n是自然数吗？一般来说，你是如何完成这项检查的？
这是我创建的代码：
def is_natural_number(n, print_err_msg=True):
try:
if not isinstance(n, int):
raise TypeError("Your input is not of integer type.")
if n < 1:
raise ValueError("Your integer i
浏览 4提问于2016-12-30得票数 2
回答已采纳
我有一个接受回调函数的函数。如何设置回调函数的'this‘变量？
例如：
function(fn){
//do some stuff
fn(); //call fn, but the 'this' var is set to window
//, how do I set it to something else
}
浏览 0提问于2010-07-13得票数 6
回答已采纳
这很可能是一个基本的Javascript问题，但我问它的上下文是一个使用的测试，因为这就是我遇到它的地方。
以下是jest测试代码：
import React from 'react';
import {cleanup} from 'react-testing-library';
import 'jest-dom/extend-expect';
afterEach(cleanup());
test("Hello World", () => {});
// several other tests but they they
浏览 0提问于2018-07-31得票数 0
这段代码应该显示一个包含Hello World的div，但是我收到了错误Uncaught TypeError: System.import is not a function。我正在学习ng-book2的入门教程视频，其中包含index.html中的以下代码
<!DOCTYPE html>
<html>
<head>
<title>Angular 2</title>
<script src="js/traceur-runtime-0.0.90.js"></script>
<s
浏览 0提问于2015-07-17得票数 7
回答已采纳
这是我的服务。
export module cropyear_services {
//export interface ICropYearService {
// getFieldYearData(): any;
//}
export class CropYearService {
static $inject: string[] = ["$q", "$filter", "$httpBackend", "$http"];
constructor(private _q: ng.IQService,
浏览 1提问于2015-10-06得票数 0
我有一个奇怪的问题，希望你能帮我解决。
我在一个开发网站上运行了 --我使用一个简单的表单来允许用户输入数据。
在同一页上，输入数据后会显示一个Highchart。
数据输入表单有非常简单的基于jQuery的片段，例如。表单验证、最大字符数计数器等。
发生的情况是，当数据库中有图表数据时，图表将正确绘制，并且在您尝试输入新的数据点时，其余的JS片段将按预期工作。
但是如果数据库中没有数据(因此没有显示Highchart )，我的所有JS代码片段就会停止工作。
在Firebug控制台上，当没有数据形成图表时，我会得到这个错误：
jb is null
function n(m,h){kc=ya(a
浏览 2提问于2011-03-30得票数 8
回答已采纳
我读了一些文章，它说下面的2行也在做同样的事情。
fn.call(thisValue);
Function.prototype.call.call(fn, thisValue);
对于第1行，我的理解是Javascript中的每个函数对象都有一个从Function.prototype继承来的方法Function.prototype，call方法所做的就是在fn函数定义中使用this关键字为thisValue(我在call方法中传递的第一个参数)。fn是一个函数，所以我在fn.call(thisValue)中所做的就是调用fn并将函数中的this关键字设置为thisValue。
但是对于第二行，
浏览 8提问于2015-06-26得票数 2
回答已采纳
"TypeError: Object不支持此操作未定义“这是当我尝试执行我的angular应用程序时IE8控制台中的消息。并且Angular没有执行它应该执行的任何事情。有人能给出解决这个问题的建议吗？我已经包含了json2和ui-ieshiv。我也是这样写html标签的：
<html xmlns:ng="http://angularjs.org" class="ng-app:app" ng-app="app" id="ng-app">
万事如意！
浏览 0提问于2013-08-24得票数 0
1回答
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<link href="http://vjs.zencdn.net/4.0/video-js.css" rel="styl
浏览 0提问于2013-05-31得票数 0
回答已采纳
我正在尝试建立一个火箭模型，通过添加不同的形状到一个大的组，并将它们放置在特定的轴线上。
当我尝试启用
rocketCone.position.y = 15;
所以火箭飞船的顶部更高，我会收到一条错误信息
“未捕获TypeError:无法设置未定义的属性'y‘”
浏览 2提问于2019-03-24得票数 0
我有以下代码()：
!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
回答已采纳
您好，我正在获取以下代码的TypeError def fahrenheit(self,T_in_celsius):
""" returns the temperature in degrees Fahrenheit"""
return (T_in_celsius * 9 / 5) + 32
for t in (22.6, 25.8, 27.3, 29.8):
print(t,":",fahrenheit(t)) 例外： print(t,":",fahrenheit(t))
TypeError: f
浏览 12提问于2020-01-31得票数 0
最近，在使用javascript处理一个项目时，我尝试了类似于这个片段的东西。我惊讶地发现它不起作用，反而抛出了一个错误。
const test = [1, 2, 3, 4];
const something = [1, 2, 3, 4, ,5, 6, 7, 8].filter(test.includes);
console.log(something);
TypeError: Cannot convert undefined or null to object
at includes (<anonymous>)
at Array.filter (<an
浏览 0提问于2019-02-11得票数 2
回答已采纳
1回答
(节点:2813) UnhandledPromiseRejectionWarning: TypeError:无法读取未定义的get属性
浏览 2提问于2021-02-13得票数 1
我想在已经呈现的按钮代码中添加更多功能。唯一的方法是Javascript，因为它之前是从服务器呈现的，而我只能访问JSP。
这是我现在所拥有的，但它不工作，它只是显示相同的消息两次。如果我单击该按钮，则不会显示警报"hello“。
<script type="text/javascript">
function addEventBefore(element, type, fn) {
var old = element['on' + type] || function() {};
element['on' + type]
浏览 3提问于2010-12-14得票数 0
回答已采纳
我不确定我是不是错误地实现了滚动视图，或者插件只是不喜欢google地图创建的内容。但在我的路线页面上，我没有看到任何插件工作的迹象。我尽了最大努力遵循github上的示例，我不认为我遗漏了任何javascript文件。一个附带的问题，只是为了澄清一下，你是需要data-scroll="true"和data-scroll="y"来进行垂直滚动，还是data-scroll="y"自己打开滚动？
谢谢你的帮忙!
浏览 0提问于2011-06-09得票数 0
回答已采纳
1回答
在Q.promise的“然后”回调中，调用空变量的函数有一些问题。
第一个调用(不使用q)将显示错误，而第二个调用(wuth使用)则不会显示错误。
小例子：
var Q = require('q');
var nul = null;
var exp;
(function (exp) {
var A = (function () {
function A() {
};
A.prototype.foo = function () {
var d = Q.defer();
d.r
浏览 4提问于2015-07-16得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
