使用ng serve时，Angular类中的编译错误
通常是由于代码中存在语法错误、类型错误或逻辑错误导致的。以下是一些可能导致编译错误的常见问题和解决方法：
- 语法错误：检查代码中是否存在拼写错误、缺少分号、括号不匹配等语法错误。可以使用编辑器的语法高亮和自动补全功能来帮助发现和修复这些错误。
- 类型错误：Angular是一个强类型的框架，因此在代码中使用的变量和函数必须具有正确的类型。检查变量的声明和使用是否一致，并确保传递给函数的参数类型正确。
- 依赖错误：Angular使用依赖注入来管理组件之间的依赖关系。如果在组件中使用了未正确注入的依赖项，可能会导致编译错误。检查组件的构造函数中是否正确注入了所需的依赖项。
- 模板错误：Angular的模板语法是一种特殊的HTML语法，如果在模板中使用了无效的语法或表达式，可能会导致编译错误。检查模板中的语法和表达式是否正确，并确保使用了正确的指令和属性。
- 环境配置错误：有时候编译错误可能是由于环境配置问题引起的。检查Angular的版本是否与项目的依赖项匹配，并确保已正确配置开发环境。
对于以上问题，可以尝试以下解决方法：
- 仔细检查代码，确保没有语法错误和拼写错误。
- 使用编辑器的代码提示和自动补全功能，帮助发现和修复错误。
- 检查类型声明和使用是否一致，确保变量和函数具有正确的类型。
- 检查组件的构造函数中是否正确注入了所需的依赖项。
- 检查模板中的语法和表达式是否正确，并确保使用了正确的指令和属性。
- 确保Angular的版本与项目的依赖项匹配，并正确配置开发环境。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网通信（IoT Hub）：https://cloud.tencent.com/product/iothub
- 腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns
相关·内容
我正在尝试为我的angular应用程序运行单元测试，但在运行'ng test‘时收到以下错误："Error TS2304: Cannot find name..“运行'ng serve‘运行得很好。
我已经尝试了这个指南，但没有用，。
tsconfig.json文件
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"downlevelIteration": true,
"o
浏览 0提问于2019-07-23得票数 1
我想运行一个Angular2项目，但是当我使用ng serve命令时，我有以下错误：
请参见：
我通过angular-cli安装了angular-cli2，接下来的步骤如下：
1. sudo npm install -g angular-cli
2. sudo ng new mi-aplicacion
3. cd mi-aplicacion (mi-aplicacion path)
4. sudo ng serve
我已经安装了node.js
浏览 3提问于2016-06-08得票数 0
在Angular CLI中，ng serve使用JiT，并且需要--aot标志才能使用AoT编译。
是否可以使ng serve默认使用AoT，并且只在传递--aot=false标志时使用JIT？
浏览 6提问于2018-07-05得票数 10
回答已采纳
我用最新的angular版本在我的机器上本地设置了我的angular项目，每当我使用CLI命令运行项目作为ng serve时，它首先以红色显示错误。“这是一个用于本地测试或调试Angular应用程序的简单服务器。它没有被审查是否存在安全问题。
不要把它用于生产！“，但最后，所有的编译都成功了。
我的问题是，为什么每当我在本地机器上使用"ng serve“运行我的angular项目时，都会出现这个错误。请详细解释。是否存在配置问题？我们是否需要对我们的角度设置进行任何更改，以避免将来出现此类错误？
浏览 3提问于2019-01-26得票数 3
2回答
每当我试图启动我的项目时，我都会发现以下错误：
$ ng serve
您的全局角CLI版本(1.7.3)大于本地版本(1.6.8)。使用本地角度CLI版本。
若要禁用此警告，请使用"ng set --全局warnings.versionMismatch=false“。
无法读取null的属性“config”
(D:\Projekte\Advanced-ban\webinterface\node_modules\@angular\cli\tasks\serve.js:51:63) at (D:\Projekte\Advanced-an\webinterface\node_modules
浏览 1提问于2018-03-18得票数 0
我已经安装了最新的angular v8，我希望在运行ng serve时也能收到在生产过程中遇到的基本模板错误。
例如
模板
<p (click)="log()">ERROR: {{ errorMessage }}</p>
控制器
log(a){}
生成错误
ERROR in apps/manufacturing-tv/src/app/app.component.ts.AppComponent.html(7,9): Expected 1 arguments, but got 0.
或
模板
<p>ERROR: {{ errorMessages
浏览 15提问于2020-02-19得票数 0
{
"$schema":"./node_modules/@angular/cli/lib/config/schema.json",
"version":1,
"newProjectRoot":"projects",
"projects":{
"new-asasa":{
"projectType":"application",
"schematics":{
浏览 1提问于2021-01-25得票数 4
在我的系统中运行angular4现有项目时，我得到了以下错误。
错误：
subrajyoti@subrajyoti-H81M-S:/var/www/html/angular4_project/XSS-DOM/vulnerable$ ng serve
As a forewarning, we are moving the CLI npm package to "@angular/cli" with the next release,
which will only support Node 6.9 and greater. This package will be off
浏览 0提问于2018-02-26得票数 0
我在运行ng build命令时遇到以下错误。删除node_modules文件夹和npm分期付款，发出以下警告
npm WARN angular2-cool-storage@3.1.2 requires a peer of @angular/core@5.0.0 but none was installed.
npm WARN angular2-cool-storage@3.1.2 requires a peer of @angular/common@^5.0.0 but none was installed.
对于在id deetail错误下面构建ng：
模块/node_modules/an
浏览 4提问于2017-11-07得票数 7
这是我第一次在Heroku中部署我的应用程序。
我的部署成功了，但我得到了如下错误。
当我运行heroku日志时--tail
我得到了这个错误
我尝试了最大的在线和stackoverlow，我仍然得到相同的错误
这是我的package.json
{
"name": "ff-fabric",
"version": "1.0.1",
"description":
浏览 0提问于2021-03-07得票数 0
我已经将我的angular项目从v7更新到v8.2.14，现在当我运行ng serve时，它会在控制台中显示以下错误：
TypeError: Cannot read property 'ngInjectableDef' of undefined
at getInjectableDef (core.js:361)
at resolveNgModuleDep (core.js:30377)
at NgModuleRef_.get (core.js:31578)
at injectInjectorOnly (core.js:734)
at ɵɵinject (co
浏览 0提问于2020-01-20得票数 3
2回答
从角2升级到角4后的误差
、、、
从Angular2升级到Angular4后，我会在CLI中得到这些错误。虽然我的应用程序在升级后仍在工作，但我只是想知道如何或是否可以解决这些错误。有什么想法吗？
升级前的Package.json：
{
"name": "myapp",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng
浏览 3提问于2017-03-28得票数 6
回答已采纳
1回答
ng serve
You seem to not be depending on "@angular/core". This is an error.
它会给出这个错误。
ls
hello-world node_modules package.json package-lock.json
ng -v
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ |
浏览 11提问于2017-12-17得票数 1
我正在使用Angular2应用程序，使用commonjs for JiT以及手动配置aot (两个index.html文件、两个main.ts文件等)到angular4 cli模板(ng new appName)的旧方法。
在2/4之间，在cli周围似乎发生了很大变化。观看了一些youtube视频，用ng cli创建了一个新应用程序，我看到ng build和ng serve都支持--prod和--aot标志，但使用这两种不同的标志生成的webpacks大小不同。
两者有什么区别？
ng build --prod
和
ng build --aot
然后为了服务：
ng serve --prod
浏览 5提问于2017-07-14得票数 19
回答已采纳
该项目运行时没有任何问题，但在升级到角12之后，我遇到了奇怪的错误:在执行时，不能将ConfirmDialogComponent中的ng serve错误用作入口组件。
奇怪的是，转到具有条目组件声明的模块，只需保存它(强制重建)，就可以删除错误。但是，这只会在服务器终止并再次执行ng serve之前起作用。然后，必须再次执行保存解决方案。
这是包含错误的模块：
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Gri
浏览 1提问于2021-09-10得票数 0
当我尝试运行Angular 7.2和Firebase的全新安装时，我似乎得到了这个错误：
ERROR in node_modules/@angular/fire/firebase.app.module.d.ts(17,22): error TS2420: Class 'FirebaseApp' incorrectly implements interface 'App'.
Property 'performance' is missing in type 'FirebaseApp' but required in type &
浏览 0提问于2019-05-01得票数 4
在angular库的开发过程中，我使用ng build <lib> --watch动态构建这些库。安装是根据官方的Angular文档进行的，网址是：https://angular.io/guide/creating-libraries。我用npm link将这些库共同链接到我的项目中。我的angular 11项目是使用Ivy编译器编译的。我的库正在使用View Engine编译器。ng serve命令使用ngcc将常春藤特定的附加组件添加到库中(dist中的构建工件) 然而，这种方法不再适用于新的Angular 11项目。每次观察者重新构建该库时，由ng serve提供服务的应用
浏览 35提问于2021-04-09得票数 0
我正在尝试在dev模式下运行一个应用程序，该应用程序构建在Angular-Universal-Starter包之上。 这个想法是有一个服务器--用于NodeJS，Angular 6用于前端。 我的Angular package.json文件包含以下内容： "scripts": {
"ng": "ng",
"start": "ng serve && node server.js",
"build": "ng build",
浏览 21提问于2019-04-13得票数 1
我有一个Angular 2应用程序运行得很好，但升级angular cli后，我无法使用ng serve为我的应用程序提供服务。
我有以下错误：
ng serve
Version of @angular/compiler-cli needs to be 2.3.1 or greater. Current version is "undefined".
Error: Version of @angular/compiler-cli needs to be 2.3.1 or greater. Current ver
浏览 3提问于2017-05-14得票数 2
我有一个角4项目，我想通过ng serve服务。如果我在命令行中执行，那么在项目目录(/hardware/angular-src)中就没有问题。但是，当我现在尝试从根目录root@myPc:/$ ng serve /hardware/angular-src运行root@myPc:/$ ng serve /hardware/angular-src时，它是node_modules appears empty you may need to run npm install
，所以这是可行的：
user@myPc:/$ cd /hardware/angular-src
user@myPc:/hardw
浏览 1提问于2018-03-21得票数 0
回答已采纳
我使用yo hyperledger-composer:angular创建框架应用程序。当我cd进入应用程序目录并执行ng服务时，我得到了以下错误(请参阅图像)。
我同时使用了npm install和ng serve。但两者都导致了相同的错误：
错误在/Users/swaroop/angular/src/app/test.ts (1,9)：重复标识符'Asset‘。
错误在/Users/swaroop/angular/src/app/test.ts (5,9)：重复标识符'Asset‘。webpack:没能编好。
截图：
浏览 0提问于2018-02-18得票数 0
我正在使用angular cli建立一个包含多种语言的网站。我使用ng2-translate进行翻译。
我导入了一个在angular-cli.json中定义的languages.json文件：
"assets": [
"assets",
"fonts",
"languages.json"
],
在我的控制器中，我使用require检索数据：
this.languages = require('../../../../languages.json');
加载json文件可以正常工作。部署后
浏览 9提问于2017-04-27得票数 10
回答已采纳
8回答
当我运行以下命令时，我得到了以下错误列表ng serve。 我的JSON包如下： { "name": "ProName", "version": "0.0.0", "scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
&
浏览 425提问于2019-01-13得票数 67
我想在这篇文章的评论区添加一个问题：，但我还没有足够的代表点。
我有一个Angular应用程序，它在构建时显示错误，但在dev中不显示错误。我理解在开发环境中获得快速反馈的愿望，但是对于这个应用程序来说，在开发环境中工作了很长一段时间后，它会导致快速部署的满足感出现问题。而不是先执行ng serve以获得反馈，然后立即执行ng build以确保以后能够部署；我是否可以向ng serve添加一个标志来为我做这件事？
目前我使用的是ng serve --aot，但这还不够严格，不足以显示在构建时会失败的错误。现在我的应用程序并不是很大，所以如果我的ng serve加载较慢，我会发现它是可以接受的。
浏览 10提问于2018-01-24得票数 1
回答已采纳
4回答
我下载了这个。这是很好的工作，当我使用NPM启动。但是当我使用ng serve或ng build时，这是不起作用的。这给出了错误：
错误日志
Versions of @angular/compiler-cli and typescript could not be
determined.The most common reason for this is a broken npm install.
Please make sure your package.json contains both
@angular/compiler-cli and typescript in devDepend
浏览 3提问于2017-11-17得票数 1
回答已采纳
在Visual 2017构建应用程序时，我遇到了问题。我使用的是ASP.NET核心2和角6。在运行应用程序之后，我从node_modules获得了文件output_ast.d.ts的错误：
(TS)在“const”枚举声明中，成员初始化器必须是常量表达式。
和
构建:在“const”枚举声明中，成员初始化程序必须是常量表达式。
有错误的代码：
export declare const enum JSDocTagName {
Desc = "desc",
Id = "id",
Meaning = "meaning&#
浏览 5提问于2018-05-27得票数 2
我刚刚创建了一个新的angular 12应用程序。安装了@angular/material的12版。现在我想用它。我刚刚添加了这个简单的元素：
<mat-drawer-container></mat-drawer-container>
浏览器显示一个白色页面。控制台显示以下消息：
Uncaught Error: Type MatDrawerContainer does not have 'ɵmod' property.
我在node_modules中查找了MatDrawerContainer，但该类不存在。也许是一个错误的编译？在下面的配置文件中，我将e
浏览 0提问于2021-10-10得票数 1
1回答
我想修改我的角度应用程序，但是，在容器中运行它有问题。
这是我的Dockerfile：
FROM node:8.6-alpine
RUN mkdir /app
WORKDIR /app
COPY package.json ./
COPY .angular-cli.json ./
COPY tsconfig.json ./
COPY tslint.json ./
COPY src/ ./src/
RUN yarn install && yarn global add @angular/cli
EXPOSE 4200
ENTRYPOINT ["./node_mo
浏览 1提问于2017-10-09得票数 1
回答已采纳
当尝试使用ng build --prod --output-path <my_destination_path>命令构建我的Angular项目时，我得到的错误很少，如下所示：
ERROR in src/app/products/product-edit/product-edit.component.html(190,10): : Property 'length' does not exist on type 'AbstractControl'.
模板product-edit.component.html：(错误在第一行)
<div *ngIf
浏览 12提问于2018-03-04得票数 1
回答已采纳
我想知道是否有办法在ng test文件中设置angular.json的默认配置。
我有一棵树：
...
"projects": {
"myProject": {
...
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
...
},
浏览 0提问于2021-07-27得票数 1
3回答
我正在升级到角形6
，我遇到了以下问题：
> ng update @angular/core
Invalid range: ">=2.1.0"
...and，这就是我的全部。没有其他警告，也没有任何其他描述。在我的项目中，也没有匹配的">=2.1.0“字符串。
ng -v结果：
Angular CLI: 6.0.0
Node: 9.4.0
OS: linux x64
Angular: 4.1.3
... animations, common, compiler, compiler-cli, core, forms
...
浏览 0提问于2018-05-04得票数 17
回答已采纳
3回答
我正在尝试使用npm-check-update将我的angular4应用程序升级到angular 5。我运行了以下三个命令：
npm install -g npm-check-updates
ncu -u
npm update
在那之后，我尝试使用我的命令运行应用程序: npm run serve
我的package.json看起来像这样：
"scripts": {
"ng": "ng",
"start-ng": "ng serve",
"start": "node src/server/i
浏览 2提问于2017-11-03得票数 0
3回答
在一个新的角度项目中，如果我添加带有自定义主题的角材料，则会得到以下错误：
./src/styles.scss - Error: Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Invalid CSS after "@include mat": expected 1 sele
浏览 0提问于2021-06-18得票数 7
1回答
在我们的Angular 2应用程序中，我们有一个构建错误，但仅当使用"ng build --prod“时，而不是使用"ng build”或"ng serve“时。错误消息为：
ERROR in Error encountered resolving symbol values statically. Expression form not supported (position 27:55 in the original .ts file), resolving symbol RestService in [...]/src/app/shared-modules/ser
浏览 2提问于2017-05-24得票数 3
我从网上下载了一个项目，并尝试了ng serve，但我得到了：
The serve command requires to be run in an Angular project, but a project definition could not be found.
因此，我尝试了这个命令(在自述文件中写的是由is 1.4.9生成的CLI版本)：
ng update @angular/cli --migrate-only --from=1.4.9
在这个命令之后没有错误，但是当我尝试ng serve时，我再次得到了前面的错误！我怎么才能解决这个问题？
浏览 0提问于2019-05-07得票数 0
回答已采纳
在运行全局ng serve --host 0.0.0.0时，看到绑定到0.0.0.0的web服务器，一切都正常工作 ** Angular Live Development Server is listening on 0.0.0.0:4200, open your browser on http://localhost:4200/ ** 但是，如果我运行npm run-script ng serve --host 0.0.0.0，我会得到一个错误消息： An unhandled exception occurred: Project '0.0.0.0' does not su
浏览 28提问于2020-03-17得票数 0
我最近才开始使用Angular5。我已经创建了一个项目，并使用
ng serve
启动它-对我来说，这似乎需要很长时间才能启动，轻松地5-10分钟或更长时间。不确定这是否是正常的，但可能在某种程度上与这里的IT环境中的网络驱动器或其他任何东西有关。
无论如何，一旦它最终启动，事情就会变得很顺利，因为它会在任何更改后即时重新编译。但有时，对于源代码中的某些错误(例如，试图从无效路径导入模块)，编译似乎会失败，ng会以"webpack:编译失败“结束。
如果发生这种情况，Angular似乎会停止监听文件更改/停止自动重新编译，并且永远消失了-除非我用Ctrl+C关闭并再次运行ng serv
浏览 0提问于2017-11-17得票数 4
我已经为我的Angular 9项目设置了SSR，当我运行ng run <project-name>:serve-ssr时，我得到这个错误：Can't resolve all parameters for ApplicationModule: (?).当我用ng serve运行项目时，一切都很好。 我在这里做错了什么？ 我会分享代码，但我不确定哪部分是相关的。如果你需要看一些东西，请索要样本，我会更新这篇文章。
浏览 41提问于2020-01-30得票数 0
在命令行中为angular-cli生成的项目运行ng serve时，我收到以下错误：
ERROR in Cannot read property 'listLazyRoutes' of undefined
对如何修复这个错误有什么想法吗？
浏览 4提问于2016-12-28得票数 14
5回答
无法启动角度应用
、、
在过去的几天里，我们遇到了以下错误( Google搜索中似乎没有匹配)：
npm start
ng serve
Compiling @angular/core : es2015 as esm2015
Error: Error on worker #1: TypeError: compiler_1.createMayBeForwardRefExpression is not a function
有什么好办法吗？
浏览 23提问于2021-12-07得票数 2
3回答
你好，大家好，我得到了关于角度迁移后的问题，我已经将项目从角度8迁移到了角9。与ng服务器的角-prod工作在版本8，但在版本9，我得到错误。我已经查过了. serve =‘serve 1’>.由于新的角9有用于main.ts编译的常春藤编译器，所以我在main.ts中导入了角/编译器，而且引导程序也注入了platformBrowserDynamic，因为我可以看到角形8/9在开发模式中使用jit编译，所以项目在jit上运行，但是由于ar角正在使用AOT comilation进行生产，所以我的代码库会出现错误。
pollyfills.ts‘import’@转角/编译器‘；导入’@角/本
浏览 10提问于2020-03-12得票数 7
我有以下结构：
apps
|-api
|-src
|-_migrations
|-_seeds
|-dev
|-test
|-app
|-assets
|-environments
|-main.ts
|-tsconfig.app.json
|-tsconfig.json
我正在使用ng serve api来编译和服务api，这是一个NestJS后端。这属于一个具有棱角前端的monorepo。
_migrations和_seeds中的迁移和种子都在TypeScript中。要在为后端提供服务时运行它们，我需要将它
浏览 0提问于2020-03-23得票数 0
我正在构建我的第一个角度应用程序。我正在使用这个命令ng new purchase-section创建一个新的角应用程序。但是，当我使用ng serve -o执行应用程序时，我得到了以下错误。
节点_模块/rxjs/内部/node es.d.ts(81，44)中的错误:错误TS1005：';‘预期的。node_node/rxjs/TS1005/ypes.d.ts(81，74)：错误TS1005：';‘预期的。node_node/rxjs/TS1109/ypes.d.ts(81，77)：error TS1109: Expression。
我已经检查了types.d.ts，
浏览 2提问于2019-01-30得票数 78
我提供CookieXSRFStrategy给XSRFStrategy in app.module.ts
providers: [
{ provide: APP_BASE_HREF, useValue: '/order/' },
{ provide: XSRFStrategy, useValue: new CookieXSRFStrategy('csrftoken', 'X-CSRFToken') },
{ provide: RequestOptions, useClass: DefaultRequestOptions }
浏览 4提问于2017-03-28得票数 5
回答已采纳
每当我尝试启动我的web应用程序时，我都会得到这个类型错误。不知道为什么。
我是在更新了一些包裹后才开始得到的。我不知道是哪一个问题，也不知道为什么错误指向错误的代码，因为它是我对角度8的依赖项中的代码，我甚至不知道错误告诉我的是什么。我试图更新所有依赖项。我看过几乎所有类似的问题解决方案，但它们都没有奏效。我无法判断是编译器错误、类型记录错误还是依赖错误。
误差
[error] TypeError: Object prototype may only be an Object or null: undefined
at setPrototypeOf (<anonymous>
浏览 1提问于2019-08-08得票数 36
我使用Angular 2 CLI。为了运行项目进行调试，必须执行ng build或ng serve。太长了。以前，当我使用2 Angular快速入门package.json时，有机会执行一个编译just-in-time的命令，然后instantly返回结果。
如何在cli上做同样的事情？
浏览 3提问于2016-11-05得票数 1
1回答
自从升级我的应用程序从角10 -> 14，我无法ng serve我的应用程序。运行ng build成功。
运行以下结果将导致以下错误：
ng serve ->无法确定命令的项目或目标。
ng serve applicationNamee ->错误:无效值:参数:项目，给定："applicationNamee"，选择："applicationName“
ng serve applicationName ->项目目标不存在。
文件结构如下
angular.json
package.json
e2e
dist
node_modules
-- src
-
浏览 4提问于2022-08-03得票数 0
回答已采纳
1回答
我不知道这是否是一个错误，但是每次在我的终端中执行ng serve --open时，我总是收到以下消息：
D:\3rdYR\AppDev\bigProject\public>ng serve --open
This version of CLI is only compatible with Angular versions ^13.0.0,
but Angular version 12.2.5 was found instead.
Please visit the link below to find instructions on how to update Angular.
ht
浏览 8提问于2021-12-06得票数 -1
回答已采纳
对于我的角度CLI/Bitbucket项目，我在Codeship中运行以下脚本，但是它给出了错误You have to be inside an angular-cli project in order to use the serve command.
#install node version, 4.x is required for the angular-cli
nvm install 4.1
#install angular-cli
npm install angular-cli
#run npm install for your project dependencies
np
浏览 2提问于2017-09-02得票数 0
回答已采纳
我有一个Angular应用程序，当我运行ng serve命令时，ng serve --prod出现了很多错误，而这些错误是我运行Angular时没有显示的。 这是正常的吗？我怎么能避免这种情况，因为现在我必须解决很多我认为它们是正确的事情。
浏览 14提问于2020-09-10得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
