Angular 5 TypeError: AngularCompilerPlugin不是构造函数

是一个错误信息，它表示在使用Angular 5时出现了一个类型错误。具体来说，AngularCompilerPlugin不是一个构造函数，因此无法通过new关键字实例化它。

解决这个错误的方法是检查代码中是否正确引入了AngularCompilerPlugin，并确保它是一个可用的构造函数。同时，还需要确认是否使用了正确版本的Angular和相关依赖。

在Angular中，AngularCompilerPlugin是用于编译和打包Angular应用程序的插件。它通常在webpack配置文件中使用。如果你使用的是Angular 5版本，建议升级到更高版本的Angular，因为Angular 5已经过时并不再受支持。

关于AngularCompilerPlugin的更多信息，你可以参考Angular官方文档中的相关章节：AngularCompilerPlugin。

另外，腾讯云提供了一系列与云计算相关的产品和服务，包括云服务器、云数据库、云存储等。你可以访问腾讯云官方网站了解更多详情：腾讯云。

相关·内容

Python构造函数报错：TypeError: People() takes no arguments

Python构造函数报错：TypeError: People() takes no arguments...养浩然之气，做博学之人问题类的构造函数使用时报错如下： Traceback (most recent call last):...People() takes no arguments 代码 class People: # 类变量 name = '' age = 0 sex = '男' # 构造函数...def speak(self): print('name:', self.name, ' age:', self.age, ' sex:', self.sex) 解决检查构造函数...总结 1)__init__ init前后各两个下划线_ 2)如果不是1）中问题，就是参数问题，重写构造函数后，参数必须和构造函数所必须参数一致

1401 0

小朋友学C++（5）：构造函数

构造函数，作用是完成对象的初始化工作。可类比于：int a = 1;这里是给变量a赋初值。构造函数是一种特殊的函数，首先构造函数名与类名是完全一致的，其次构造函数没有类型。...构造函数可以不带参数，也可以带参数。...#include using namespace std; class Dog { public: string name; // 无参构造函数...<< endl; } // 有参构造函数 Dog(string Name) { name = Name; cout << "Dog's...Xiao Bai is running 从运行结果可以看出，构造函数是在生成对象时被调用的，并且不需要显示调用。

4297 0

ES6部分源码重写 -1（ES5-构造函数解析）

ES6部分源码重写 -1 剖析ES5中对象的使用剖析ES5中对象的使用创建一个飞机的对象该对象具有以下属性和方法名称血量飞行方法此处将方法定义在飞机的原型上，从效率的角度来看更低 Plane.prototype.fly...} //创建一个飞机的对象 var plane = new Plane("梦想号"); 此时，因为军事实力的提升，我们的需求发生改变，需要生产具有攻击能力的战斗机所以，我们在创建一个攻击机的构造工厂...此种方式也没有避免子类的方法顺着原型链传到父类的身上 4.采用 Object.create();方法； Object.setPrototypeOf();方法; 构造函数的原型的__proto__ = 父类的原型

3321 0

C++核心准则C.49:构造函数中应该做的是初始化而不是赋值

C.49: Prefer initialization to assignment in constructors C.49:构造函数中应该做的是初始化而不是赋值 Reason（原因） An initialization...初始化明确地表明所做的是初始化而不是赋值，而且可以做得更优美，更有效率。防止“赋值之前使用”的错误。...arguments to a function: 相对于那些const char* s，我们应该可以使用gsl::string_span或者(C++17引入的）std::string_view作为表达函数参数怒的更加普遍的方式

1.2K1 0

JavaScrip最容易犯的十大错误及其避免方法（）

我们将选择React，但不正确初始化的相同原则也适用于Angular，Vue或任何其他框架。...当您异步获取数据时，组件将在加载数据之前至少呈现一次 - 无论是在构造函数，componentWillMount还是componentDidMount中获取它。...最简单的方法：在构造函数中使用合理的默认值初始化状态。...例如，如果您在CDN上托管JavaScript代码，任何未捕获的错误（冒泡到window.onerror处理程序的错误，而不是在try-catch中捕获）将被报告为“脚本错误”而不是包含有用的错误信息...这相当于Chrome中的错误“TypeError：’undefined’不是函数”。是的，不同的浏览器可以针对相同的逻辑错误具有不同的错误消息。

1161 0

重温 ES6 Symbol

Symbol 特性 1.Symbol 通过工厂函数创建，不能以 new 的方式创建，所以使用 instanceof 运算符返回的结果为 false var sym = Symbol(); var sym1...= new Symbol(); // TypeError sym instanceof Symbol // false 2.Symbol 使用 typeof 运算符返回 “symbol” var sym...= Symbol('foo'); typeof sym; // "symbol" 3.Symbol 工厂函数能支持一个可选的参数，用于描述当前的 symbol var sym2 = Symbol...'); 4.Symbol 是唯一的，Symbol("foo") == Symbol("foo") 返回 false Symbol('foo') === Symbol('foo'); // false 5....Symbol 与数值或字符串进行运算时，会抛出异常 sym | 0 // TypeError Symbol("foo") + "bar" // TypeError 6.Symbol 工厂函数返回的 symbol

8962 0

Module.exports和exports的区别

注意，将期望的对象赋值给exports会简单地重新绑定到本地exports变量上，这可能不是你想要的。...例三 4.js、5.js module.exports的对象、prototype、构造函数使用 // 4.js var a = require('./5.js'); // 若传的是类，new一个对象...person = new a('Kylin',20); console.log(person.speak()); // my name is Kylin ,my age is 20 // 若不需要在构造函数时初始化参数...console.log('my name is '+this.name+' ,my age is '+this.age); }; // 返回类 module.exports = Person; // 若构造函数没有传入参数...文章有很多地方描述的可能不是很准确，提到的点也不够全面，如果有不对的地方，还望斧正！

1.2K0 0

来自1000多个项目的10大JavaScript错误浅析

我们选择React作为示例，不过在其他框架（Angular、Vue等）中也是一样的。...要解决这个问题其实很简单，在构造器里使用适当的默认值进行初始化。...可以使用严格等于号来证明它们不是同一个东西。...5....如果在进行事件处理时遇到这个错误，请确保事件对象被作为参数传入到函数当中。旧浏览器（IE）提供了全局的event变量，但并不是所有的浏览器都会这样。

6.2K8 0

10 种 JavaScript 最常见的错误

我们来看一个在真实应用程序中发生的例子：我们选择 React，但该情况也同样适用于 Angular、Vue 或任何其他框架。...当异步获取数据时，不管它是在构造函数 componentWillMount 还是 componentDidMount 中获取的，组件在数据加载之前至少会呈现一次，当 Quiz 第一次呈现时， this.state.items...最简单的方法：在构造函数中初始化 state。...5、 TypeError: Object doesn’t support property 这是您在调用未定义的方法时发生在 IE 中的错误。您可以在 IE 开发者控制台中进行测试。 ?...Rollbar.isAwesome(); 6、 TypeError: ‘undefined’ is not a function 当您调用未定义的函数时，这是 Chrome 中产生的错误。

8.5K2 0

C++核心准则C.90:依靠构造函数和赋值运算符，而不是内存初始化和内存拷贝‍

C.90: Rely on constructors and assignment operators, not memset and memcpy C.90:依靠构造函数和赋值运算符，而不是内存初始化和内存拷贝‍...标准C++机制通过调用构造函数构造某个类型的实例。正如C.41说明的：构造函数应该生成一个完全初始化的对象。不应该要求额外的初始化，例如使用memcpy。...类型应该提供一个拷贝构造函数和/或者拷贝复制运算符以便适当地生成类的拷贝并维持类的不变量。使用memcpy拷贝一个非平常可拷贝类型的行为没有定义。通常会导致断层或者数据破坏。...这个函数类型不安全而且会覆盖虚函数表。...这个函数同样是类型不安全而且覆盖虚函数表。

9562 0

10 种最常见的 Javascript 错误

我们来看一个在真实应用程序中发生的例子：我们选择 React，但该情况也同样适用于 Angular、Vue 或任何其他框架。...当异步获取数据时，不管它是在构造函数componentWillMount还是componentDidMount中获取的，组件在数据加载之前至少会呈现一次，当 Quiz 第一次呈现时，this.state.items...最简单的方法：在构造函数中用合理的默认值来初始化 state。...5. TypeError: Object doesn’t support property 这是您在调用未定义的方法时发生在 IE 中的错误。您可以在 IE 开发者控制台中进行测试。 ?...像 IE 这样的旧浏览器提供了一个全局变量事件，但并不是所有浏览器都支持。像 jQuery 这样的库试图规范化这种行为。尽管如此，最好使用传入事件处理函数的函数。

6.8K8 0

1000个项目中前10名的JavaScript错误介绍

我们来看一个在真实应用程序中发生的例子：我们选择 React，但该情况也同样适用于 Angular、Vue 或任何其他框架。...当异步获取数据时，不管它是在构造函数componentWillMount还是componentDidMount中获取的，组件在数据加载之前至少会呈现一次，当 Quiz 第一次呈现时，this.state.items...最简单的方法：在构造函数中用合理的默认值来初始化 state。...5. TypeError: Object doesn’t support property 这是您在调用未定义的方法时发生在 IE 中的错误。您可以在 IE 开发者控制台中进行测试。...像 IE 这样的旧浏览器提供了一个全局变量事件，但并不是所有浏览器都支持。像 jQuery 这样的库试图规范化这种行为。尽管如此，最好使用传入事件处理函数的函数。

6.2K1 0

Angular面试题_session面试题

参考如何看2015年1月Peter-Paul Koch对Angular的看法？如何看待 angular 1.2 中引入的 controller as 语法？...5.最根本的好处在 angular 1.2 以前，在 view 上的任何绑定都是直接绑定在 $scope 上的 function myCtrl($scope){ $scope.a = ‘aaa...animalBox); 但是，如果在调用 render 的时候不传参数，像下面这样，会报错，因为找不到 el 和 http（定义的时候依赖了，运行的时候不会自动查找依赖项） render(); // TypeError...原理 AngularJS 是通过构造函数的参数名字来推断依赖服务名称的，通过 toString() 来找到这个定义的 function 对应的字符串，然后用正则解析出其中的参数（依赖项），再去依赖映射中取到对应的依赖...，如果指令要进行数据绑定，那么配置在link函数中。

4.9K15 0

【JS】547- 200行JS代码，带你实现代码编译器（人人都能学会）

2.6K4 0

JavaScript（六）：错误处理机制

1.Error()构造函数 javascript解析或执行语句时，一旦发生错误，js引擎会将其抛出！...JavaScript原生提供了Error()构造函数，所有抛出的错误都是这个构造函数的实例（即对象）。...但是记住它们不是标准的，不一定每个js引擎均提供！...2.javascript原生错误构造函数除了Error()，js还定义了6个更详细的构造函数： SyntaxError()：语法错误 ReferenceError()：引用错误 RangeError(...注意：该构造函数在ES5中不再出现，现在有些地方依然保留，只是为了兼容性！

1.3K8 0

AngularDart4.0 指南- 依赖注入顶

Car构造函数并不要求它们，而是从特定的Engine类和Tires类中实例化自己的副本。如果Engine类发展而它的构造函数需要一个参数呢？.../toh-5/web/main.dart import 'package:angular/angular.dart'; import 'package:angular_router/angular_router.dart...您可以通过指定具有依赖类型的构造函数参数来告诉Angular在组件的构造函数中注入依赖项。这里是HeroListComponent构造函数，要求注入HeroService。...（）函数而不是更详细的Provider构造函数表达式。...provide（）函数接受与Provider构造函数相同的参数。 provide（）函数不能用在Angular注解的提供者列表中，因为注释只能包含const表达式。

5.6K2 0

Js中Reflect对象

描述 Reflect并非一个构造函数，所以不能通过new运算符对其进行调用，或者将Reflect对象作为一个函数来调用，就像Math对象一样，Reflect对象的所有属性和方法都是静态的。...target: 被运行的目标构造函数。 argumentsList: 类数组对象，目标构造函数调用时的参数。...isExtensible() 如果对象是可扩展的，则Object.isExtensible()返回true，否则返回false，如果第一个参数不是对象，则在ES5中抛出TypeError，在ES2015...preventExtensions() Object.preventExtensions()返回被设为不可扩展的对象，如果参数不是对象，则在ES5中抛出TypeError，在ES2015中，参数如为不可扩展的普通对象...如果目标不是对象，则在ES5中抛出TypeError，但将非对象目标强制为ES2015中的对象 N/A ownKeys() N/A Reflect.ownKeys()返回一个属性名称数组，该属性名称映射到目标对象自己的属性键

3.7K1 0

利用 es6 new.target 来对模拟抽象类

最近，我们发现symbol是唯一的值，但symbol不能进行new操作，只能作为函数使用，运行new时会发生类型错误 new Symbol() // error Uncaught TypeError:...new.target 属性介绍(引用 mdn 文档) new.target属性允许你检测函数或构造方法是否是通过new运算符被调用的。...在通过new运算符被初始化的函数或构造方法中，new.target返回一个指向构造方法或函数的引用。在普通的函数调用中，new.target 的值是undefined。...13) at new Dog (:14:5) at :1:1 此时可以把运行方法时候发生的错误提前到构造时期，虽然都是在运行期，但是该错误触发机制要早危害要大...当然了，利用超类可以在构造期间访问派生类的原型作用远远不是那么简单，必然是很强大的，可以结合业务场景谈一谈理解和作用。

5613 1

【Angular专题】——（2）【译】Angular中的ForwardRef

问题点在哪里先做一个小声明，我们现在拥有一个AppComponent，并使用DI系统向其中注入了一个NameService，因为我们使用的是Typescript，所以需要做的工作就是在构造函数的参数中声明变量...Make sure they all have valid type or annotations 错误信息显示，AppComponent的构造函数在被调用时，同一个文件中声明的NameService...这个错误提示是合理的，因为我们在定义NameService之前就在AppComponent的构造函数中使用了它，但是另一方面来看，在普通的ES5代码中就不会出现报错，因为函数声明会被Js解释器提升至作用域头部...，不是说ES6仅仅是ES5的语法糖么？..." } } forwardRef所做的工作，就是接收一个函数作为参数，然后返回一个class，因为这个函数并不是立即被调用的，而是在NameService声明之后才会安全地返回NameService

3.2K2 0

【前端】：对象、原型、继承

借用构造函数 3.3. 组合继承（原型链继承+借用构造函数） 3.4. 共享原型 3.5. 临时构造函数 4. 几道笔试题 1. 对象 1.1....数据描述符是一个具有值的属性，该值可能是可写的，也可能不是可写的。存取描述符是由getter-setter函数对描述的属性。描述符必须是这两种形式之一，不能同时是两者。 ? ?...图4：演示构造函数与 new 实际上，NothingSpecial 和你程序中的其他函数没有任何区别。...函数本身并不是构造函数，然而，当你在普通的函数调用前面加上 new 关键字之后，就会把这个函数调用变成一个“构造函数调用”。实际上，new 会劫持所有普通函数并用构造对象的形式来调用它。...借用构造函数 ? ? 3.3. 组合继承（原型链继承+借用构造函数） ? ? 3.4. 共享原型 ? ? 3.5. 临时构造函数 ? ? 4. 几道笔试题题目01： ? 题目02： ?

1K5 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云