使用Javascript库函数的Angular组件抛出类型错误:不是函数
这个错误提示表示在Angular组件中使用了一个JavaScript库函数，但该函数不是一个可调用的函数。
首先，我们需要检查代码中使用的JavaScript库函数是否正确导入。确保在组件文件中正确引入了该函数所在的JavaScript库，并且通过正确的方法导出和使用该函数。
其次，需要确认该函数是否被正确调用。检查调用该函数的地方，确保函数名拼写正确，并且传递的参数与函数定义的参数匹配。
另外，如果该JavaScript库需要在Angular中进行特殊处理，例如通过Angular的依赖注入方式使用该库，需要检查是否正确配置和使用了该库的相关依赖。
如果以上步骤都确认无误，但仍然出现类型错误，可能是由于版本不兼容或其他库冲突导致的。可以尝试更新相关库的版本，或者查看是否有其他库与之冲突。
推荐腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：提供事件驱动的云函数服务，用于处理前端和后端的数据交互。 产品链接：https://cloud.tencent.com/product/scf
- 云数据库 MongoDB 版：可用于存储和管理应用程序的数据。 产品链接：https://cloud.tencent.com/product/cdb-mongodb
- 腾讯云云原生应用平台 TKE：用于构建和管理云原生应用程序的容器服务。 产品链接：https://cloud.tencent.com/product/tke
请注意，以上产品仅作为参考，具体选择应根据实际需求和技术栈进行决策。
相关·内容
我对Angular是个新手。我正在尝试通过组件类继承基类。基类如下所示。
export class QuestionBase<T>{
value?: T;
key?: string;
label?: string;
required?: boolean;
order?: number;
controlType?: string;
constructor(options: {
value?: T,
key?: string,
label?: string,
required?: boolean,
浏览 9提问于2017-07-12得票数 3
1回答
按照本社区论坛的建议，从Github下载源代码后，使用ng serve -o运行应用程序，并运行以下命令
npm install --save-dev @angular/cli@latest，但它抛出的错误就像-
找不到本地工作区文件('angular.json')。错误:找不到本地工作区文件('angular.json')。在(RND\PowerBI-JavaScript-master\PowerBI-JavaScript-master\demo\node_modules\@angular\cli\models\workspace-loader.js:37:
浏览 0提问于2018-05-22得票数 0
我用的是角型.net核心起动器。现在，我添加了自己的css + javascript，并得到了以下错误：
处理请求时发生了未处理的异常。异常:对节点模块的调用因错误而失败:错误:引导程序的JavaScript需要jQuery
我已经试过了
npm install jquery
+
import $ from 'jquery'; => in app component
如何使用webpack / angular2配置jquery？
谢谢!
浏览 2提问于2017-03-23得票数 0
1回答
当我使用自定义library时，Brownie抱怨library没有被部署(UndeployedLibrary)。但是为什么它不抱怨其他的library文件，比如OpenZeppelin中的文件呢？
例如，在下面的图像中，它不会为EnumerableSet抛出任何错误，而是抛出由我编写的Strings2Bytes32的UndeployedLibrary。
📷
我知道，如果我部署一次Strings2Bytes32就足以消除错误，但我不理解这两个library文件之间的区别。
这两者有什么区别呢？
我是否可以设置Brownie，使其像对待OpenZeppelin中的文件一样对待自己的OpenZep
浏览 0提问于2022-03-16得票数 0
回答已采纳
我有一个HTML和CSS和Javascript模板。我将HTML和CSS拆分成组件，但我不能采用javascript来实现angular。
如何将插件javascript添加到angular 2
浏览 6提问于2017-02-26得票数 0
1回答
我试图在一个TypeScript项目中使用Angular2构造函数，对于如何使用class构造函数初始化变量感到困惑：
function Auto () {
this.move = function () {
console.log('move');
}
this.stop = function () {
console.log('stop');
}
}
现在我将在课堂上使用它：
class Car {
constructor(private _auto: Auto) {
}
浏览 4提问于2016-05-31得票数 0
我试图使用Angular2执行AJAX请求，遵循官方文档：
我一直在文件Uncaught SyntaxError: Unexpected token <中获取错误angular2-polyfills.js:1243
我刚刚学习了5分钟的教程，Hello示例运行良好，但是当我尝试实现AJAX请求时，错误开始抛出。
是什么导致了这个问题，我该如何解决呢？
我的代码：
import {Component} from 'angular2/core';
import {Http, HTTP_PROVIDERS} from 'angular2/http';
@Com
浏览 4提问于2016-02-27得票数 1
回答已采纳
3回答
我最近不得不克隆一个项目并重建保龄球包。我相信jQuery已经更新了，现在正在发出警告：
警告：
Please go take a look in "app/bower_components/jquery" for the file you need, then manually include it in your file.
我做过这件事。一切正常运转。然而，每次我grunt serve的警告还会被抛出吗？
jquery was not injected in your file.
如何删除此错误？这个错误会不会是一个粗制滥造的错误？我确信这一警告是无害的，但不断
浏览 0提问于2014-02-19得票数 3
回答已采纳
这是我指的组件，它是一个子组件，当应用程序运行时，会抛出一个指向这个组件选择器<app-new></app-new>的错误。
错误说：
“没有字符串提供程序！；区域：；任务: Promise.then；值:错误:没有字符串提供程序！”
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-new',
template: `<h2>SOme New Compnent which uses interpolat
浏览 3提问于2017-11-18得票数 0
我有一个js文件action.js，我想使用javaScript的角度。因此，当我读到它时，它说js文件必须放在资产中，路径必须在angular.json中的脚本数组中引用，然后在ts和ngOnInit中使用声明，但这会引发一个错误，即禁止访问js文件旁边的函数是未定义的，并且启用了MIME类型检查。
这是我的js文件函数
function Di(){
console.log('ffffffffffffff');
}
the app.component.ts
import { AstMemoryEfficientTransformer } from '@angu
浏览 5提问于2022-11-11得票数 0
我仍然在了解angular和ionic，我有一个奇怪的问题，我似乎找不到解决方案。
我有几个导出类，有几个带有表单的html页面。我在每个表单后面的.ts文件中声明了一个变量，并将相关模型导入到表单中。我使用变量绑定到我的angular和ionic应用程序中的表单，以便我可以发布到我的后端。angular应用程序运行得很好，但由于某些原因，离子服务器在我使用ngModel绑定的每个地方都会抛出这样的消息：
RROR in src/app/vet/vet.component.html:15:81 - error TS2339: Property 'adress' does not
浏览 5提问于2020-04-28得票数 0
我正在尝试为我的一个屏幕动态地呈现组件。我正在使用componentFactoryResolver.resolveComponentFactory和viewContainerRef.createComponent api来实现同样的功能。我定义了变量“loadedComp : GlobalDynamicComponenet;”，并像this.loadedComp = <GlobalDynamicComponenet>this.registry.getComponent("<component name>");一样动态地加载组件。
然后，我试图使用下面的代
浏览 3提问于2017-05-23得票数 0
2回答
这是我的Angular组件：
import { basketModule } from './wind'
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {
constructor(){
}
ngOnInit(){
浏览 2提问于2017-08-25得票数 0
3回答
我已经在src/组件/会计设置中创建了一个组件。
accounting-setting.ts
accounting-setting.html
accounting-setting.scss
accounting-setting.module.ts
源代码是
import { NgModule , ViewChild} from '@angular/core';
import { IonicModule } from 'ionic-angular';
import { AccountingSettingComponent } from &#
浏览 2提问于2017-09-05得票数 2
我正在尝试在angular2中加载内部javascript。当我点击lable时，没有任何反应。这是我的代码。
<div class="login-page" style="margin-top:12%">
<div class="form" id="login">
<form class="register-form">
<h3 style="display:inline-block">
浏览 29提问于2016-09-27得票数 1
我有这样的import { ReactiveFormsModule,FormsModule } from '@angular/forms'; import { ReactiveFormsModule,FormsModule } from '@angular/forms';
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
],
declarations: [ //... all declar
浏览 64提问于2021-11-13得票数 2
回答已采纳
我在angular项目中有一小段JavaScript代码，它在IE11中运行时会抛出一个语法错误，但在Chrome中运行得很好。该函数甚至不会在加载页面上调用，但仍会抛出错误。
如果我注释掉它，页面加载正常。
它似乎在抱怨.then系列，我不知道为什么。
$scope.showNewTeamDialog = function (ev) {
$mdDialog.show({
controller: NewTeamDialogController,
templateUrl: 'NewTeam.html',
浏览 3提问于2017-09-20得票数 0
1回答
尝试通过一个简单的例子来学习这个测试工具TestBed在角-2中，并且已经击中了我的第一个阻止程序。谷歌搜索没有给出任何匹配的例子，
所以，我有一个非常基本的组件header如下所示-
import { Component } from '@angular/core';
@Component({
selector: 'header',
template: ''
})
export class HeaderComponent{
public title: string;
constructor(testparam
浏览 5提问于2017-02-12得票数 7
回答已采纳
我在angular 5项目中工作，并在assets > js > myfile.js中添加了一个javascript自定义。我创建了组件，并希望从component.ts文件中的myfile.js获取该值。
浏览 13提问于2020-05-01得票数 0
我编写了下面的行，以便将disable属性添加到角元素中
angular.element(document.getElementsByClassName("pit")).setAttribute('disabled');
但是它不起作用并抛出一个错误：
angular.element(...).setAttribute is not a function
浏览 14提问于2017-01-20得票数 1
回答已采纳
我使用的是MDB模型，即ModalContainerComponent，用于在屏幕上显示弹出窗口。
我将在一些if条件下显示弹出窗口。
但是modelpopup.show()抛出了一个错误
有人能帮我一下吗？
这是我的.ts代码
import { Component, OnInit, Output, EventEmitter, ViewChild } from '@angular/core';
import { BsDatepickerConfig } from 'ngx-bootstrap/datepicker';
import { FormBu
浏览 4提问于2020-02-21得票数 1
回答已采纳
现在，当发布候选版本退出时，我正在尝试完成Angular2的快速启动。但是，类型记录编译器会抛出许多我无法理解的错误。
首先，有很多这样的台词。node_modules/@angular/core/src/application_ref.d.ts(39,88)：错误TS2304:找不到名字‘承诺’。node_modules/@angular/core/src/application_ref.d.ts(99,42)：错误TS2304:找不到名字‘承诺’。
然后这个..。npm错误！Windows_NT 6.1.7601 npm错误！argv "C:\Program (x86)\node
浏览 1提问于2016-05-03得票数 5
我试图将http提供程序导入到我自己的提供程序中。但是它抛出了上面提到的错误。
首先，我将Http导入到我的ActionTracker-Service中。但是我得到了错误
AppComponent -> ActionTracker -> Http无提供程序
所以我还将Http导入到我的boot.ts中。
index.html
<html>
<head>
<title>Angular 2 QuickStart</title>
<!-- 1. Load libraries -->
<
浏览 3提问于2016-01-28得票数 4
1回答
我有一个遗留的脚本，我需要包括在我的角度应用程序。这个脚本的特点是它与特定的组件相关，只有在加载了组件的视图之后才能加载它。至于今天，我成功地将它包含在OnInit函数中，但有时(并不总是出于某种原因) CLI会抛出一个错误。
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-player-page',
templateUrl: './player-page.component.html',
styleUrls: [
浏览 0提问于2018-07-03得票数 2
回答已采纳
2回答
所以javascript是一种解释语言。但是angular是一个javascript框架，但它是编译的。如果我错了，请纠正我，但从角度上讲，我们将类型记录代码编译成javascript代码，然后解释。为什么我们要编译角度？
浏览 4提问于2017-07-16得票数 3
回答已采纳
我是一个对Angular2和TypeScript..well完全陌生的网页开发人员，一般对应用程序都是新手。
我正在尝试设置一个共享类，我的各个对象都可以从中获取用户数据，比如SessionID。我的问题是，我不知道如何获得一个可以执行HTTP请求的构造函数。
我使用的是Ionic2，所以Angular2和类型记录都在Visual中。我从离子构建模板开始，我不会在Visual中出现错误，但是在运行“离子服务--地址192.168.1.128”之后，会得到下面的错误
未明错误: CurrentUser at DirectiveResolver.resolve () at CompileMeta
浏览 2提问于2016-11-08得票数 0
回答已采纳
我已经创建了角8和电子桌面应用程序。当我从根组件通过main.js向ipcRenderer电子文件发送消息时，它工作得很好。但是，当我从新生成的组件向main.js文件发送消息时，它将抛出“无法读取未定义的属性‘发送’的错误。”
下面是我的write.component.html
<button (click)="write()">Click me</button>
我的write.component.ts文件
import { Component, OnInit } from '@angular/core';
import { IpcR
浏览 0提问于2020-03-13得票数 0
因此，我将d3.js与typescript和angular2结合使用，并尝试在ngOnInit()中扩展选择的原型属性，如下所示：
import { Component, Input, Injectable } from '@angular/core';
import { Http, HTTP_BINDINGS, Response } from '@angular/http';
import { bootstrap } from 'angular2/platform/browser';
import { RouteParams } from &#
浏览 0提问于2016-07-27得票数 4
我正在使用一个HTTPInterceptor来处理发生在Angular app.Once中的任何错误一个错误发生了，它被抛出并由这个拦截器处理。但是，一旦向拦截器抛出了错误，我希望确定是哪个组件或服务抛出了该错误。 如果main.service.ts是发生错误的服务，我希望在我的HTTPInterceptor类中获得名称‘main.service.ts’。
浏览 12提问于2019-06-28得票数 2
我遇到了一些关于Bootstrap4的功能错误，以及关于.modal方法的NPM/Angular CLI
错误：TypeError: $(...).modal is not a function
main.ts：
import * as $ from 'jquery';
import * as bootstrap from 'bootstrap';
app.components.ts：
import * as $ from 'jquery';
import * as bootstrap from 'bootstrap';
...
浏览 1提问于2018-01-17得票数 2
我正在尝试弄清楚如何在.pug模板中使用模板引用变量。
例如：div(#var)将抛出一个错误：
compiler.es5.js:1694 Uncaught Error: Template parse errors: There is no directive with "exportAs" set to "#var" (" ...
原因是pug将呈现为：
<div #var="#var"> ...
然后，Angular将会失败。
浏览 0提问于2017-10-05得票数 4
我发现与AngularJs应用程序的javascript包在发布模式下并没有缩小。它产生了这样的错误：
小型化失败。返回无限制的内容。(12834,21-27)：运行时错误JS1010:预期标识符:删除
在解决这些错误之后，包确实缩小了，但是现在应用程序将不再在浏览器中启动:它抛出一个
在第一个组件上“加载模板错误”失败。
那么，打破角模板加载的小型化javascript中有什么变化呢？
这是包配置：
bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
"~/scripts/jque
浏览 3提问于2019-12-14得票数 4
回答已采纳
我正在用angular-cli2开发一个web应用程序(通过iOS )，它可以通过一个简单的URL加载到本地移动应用程序(在iOS和Android上)。
可以使用桥函数与本机应用程序交互。这些函数被添加到应用程序的web浏览器中的全局范围中(因此在普通的web浏览器中不存在)。这样一个函数的一个例子是echoNative()，它返回有关本机平台的信息：
{
"platform": "iOS",
"message": "Native received Echo call"
}
在普通的javascript应用程序中(没有角)
浏览 7提问于2016-12-31得票数 4
回答已采纳
我正在使用RC.1在angular2 CLI中进行路由选择，但是在angular2 RC发布之后，似乎在路由方面有很多变化，在angular2测试版之前，一切都很好，
如果我在routerLink中使用routerLink来使用路由器，将查看当前组件的父角抛出错误Invalid number of '../'
如何在RC中使用子路由？
按一下按钮不工作的路由
Routerparams在angular2 RC.1中不起作用
知道吗？
浏览 1提问于2016-06-25得票数 0
3回答
我试图使用JSON对一个对象进行字符串化，但是当我加载页面时，我得到了以下错误：
TypeError：_co.JSON未定义
堆栈是巨大的，我不认为它是有用的。
这是抛出错误的代码：
<div *ngFor="let asset of getAssets()">
{{ JSON.stringify(asset) }}
</div>
从代码隐藏返回的数组中的项都是正确的对象。
这是ng --version的输出
_ _ ____ _ ___
浏览 2提问于2018-04-18得票数 0
回答已采纳
我正在尝试做我的大型angular 4应用程序来进行通用构建，但在达到90%的进程后，它抛出了以下错误
请帮我解决这个问题，我也使用了--max_new_space_size，但它根本不起作用，同样的错误一次又一次地发生
Angular CLI : 1.4.4
节点: 8.9.4
Security context: 0x2189632d <JSObject>
1: DoJoin(aka DoJoin) [native array.js:~95] [pc=0x3bb15e9b](this=0x28a841a1 <undefined>,p=0x2c9cc3e9
浏览 0提问于2018-04-07得票数 2
3回答
我想像这样动态加载angular模板：
import { getHTMLTemplate } from './util';
const dynamicTemplate = getHTMLTemplate();
@Component({
selector: 'app-button',
// templateUrl: './button.component.html',
template: `
<div">
some div
</div&g
浏览 2提问于2018-12-20得票数 2
下面的php第一次工作。尽管在对PHP文件进行一两次往返之后，会向javascript控制台抛出一个错误。一旦抛出错误，应用程序就会停止工作。
TypeError: string is not a function
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:169:393
at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js:186:390
at h.$eval (http://ajax.googleap
浏览 2提问于2014-04-01得票数 0
回答已采纳
1回答
嵌套复杂指令不被执行？
、、、
我试图遵循 by ，在这里，他通过将指令分类为组件和容器来解释指令。
因此，我尝试这样做，有一个容器(幻灯片)将容纳不同的项目(文本区域，图像，视频.)但我的例子更有活力。
他的例子是这样的：
<panel title="{{title}}">
<element text="{{body}}"></element>
</panel>
但我的更像这样：
<slide ng-repeat="slide in slides" slide-id="{{slide.id}}">
浏览 3提问于2013-04-24得票数 0
回答已采纳
在这段代码中，我尝试使用外部javascript来切换密码可见性。但它显示了错误。 这是我的Html代码 <input type="password" value="FakePSW" id="myInput">
<button (click)="func()">Show Password</button> 这是我的component.ts import { Component } from '@angular/core';
declare const myFunction:an
浏览 18提问于2020-03-25得票数 0
回答已采纳
我有一个Angular组件，我向输入属性添加了一个带有namespace的type，如下所示。@Input() size: AMap.Size
AMap是一个namespace和带有in的类Size。集成开发环境和typescript编译器可以在well.But上运行，但不能在浏览器中运行。并抛出错误Uncaught ReferenceError: AMap is not defined I找到编译后的代码
为什么类型会编译成代码？
AMap类型如下
declare namespace AMap {
export class Size {}
}
谢谢
浏览 2提问于2018-05-03得票数 2
我需要从一个Angular项目更新来自外部javascript文件的变量 首先，我将变量导入到我的Angular组件中，然后尝试更新它，但我不知道该怎么做 我的Angular组件的一个小示例： import { Component } from '@angular/core';
import { externalText } from './external.js';
...
export class AppComponent {
myText = externalText;
changeText() {
// This works
浏览 13提问于2019-09-10得票数 0
在响应之后，我想从js外部调用角度函数，这对我来说似乎很奇怪，因为这个函数抛出了一个错误。
function _i(){
FB.api('/me', function(response) {
angular.element(document.getElementById('vikas_facebook')).scope().connectWithFacebook(response);
});
}
AngularJs函数
$scope.connectWithFacebook = function (response) {
/
浏览 0提问于2017-03-07得票数 1
这个问题特定于被命名为angular.isDefined()的isDefined。如果传递给它的变量没有定义，我们不希望它找到返回false的方法，而不是抛出一个未定义的错误。我正在寻找一个角度等效的类型操作符来检测非定义的 variables.In，下面的示例x不是定义的，typeof x没有抛出任何Uncaught ReferenceError: x is not defined error.where，如果我使用angular.isDefined，我会收到not defined error。
if(typeof x != 'undefined')
alert(
浏览 14提问于2015-03-18得票数 0
回答已采纳
我尝试使用带javascript的Youtube数据Api V3。
所以我有一个简单的代码：
<script src="https://apis.google.com/js/client.js?onload=googleApiClientReady"></script>
<script type="text/javascript">
$(window).load(function(){
var viewCount, channelName, subscribers;
g
浏览 1提问于2014-01-16得票数 1
回答已采纳
3回答
我在JPA中仅选择月份或年份时遇到问题
在mysql中，我写语句如下：
select * from table where Month(date) = 12 ;
在实体bean中，我写道：
select t from table t where Month(t.date) = 12;
但它抛出错误!！
PS:对不起，我不能附加我的堆栈跟踪，因为我不在家：
浏览 0提问于2010-12-12得票数 2
我有一个安装了Live Chat for Angular的Angular 6应用程序。 我正在尝试使用Live Chat Javascript API library来隐藏默认的浮动按钮。 如果我在浏览器开发人员控制台中运行LC_API.hide_chat_window();，它可以工作。 但是，如果我将该代码添加到Angular component .ts文件中，它将无法工作(因为它可以访问全局变量LC_API)。 如何访问该全局变量？
浏览 17提问于2019-01-26得票数 1
回答已采纳
我有一个UI路由器定义了类似这样的东西(为简化而修剪)：
$stateProvider
.state('someState', {
resolve: {
model: ['modelService', 'info', function (modelService, info) {
return modelService.get(info.id).$promise;
}]
}
浏览 4提问于2015-01-11得票数 6
回答已采纳
我在angular-cli-build中有以下设置
Angular2App(defaults,{
lessCompiler: {
includePaths: [
'src/app'
],
}
})
我在src目录下有两个测试文件。
test1.less
//some code
test2.less
@import "test1.less";
当我ng build项目时，它抛出一个错误
Build failed.
File: input (1)
The Broccoli Plugin: [LESSPlugin] fail
浏览 1提问于2016-06-23得票数 9
使用角2.0.0-beta.8，我创建了几个扩展@Component装饰器的自定义装饰器。
为了让我知道我使用了以下代码：
import {..., View } from 'angular2/core';
...
export var MyCustomComponent:ComponentFactory =
<ComponentFactory>makeDecorator(MyCustomComponentMetadata, (fn:any) => fn.View = View);
现在，对于角2.0.0-beta.12，“View”装饰符已经被删
浏览 1提问于2016-03-30得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
