component.ts 文件中的错误限制了角度渲染

Posted 2023-02-23

【中文标题】component.ts 文件中的错误限制了角度渲染

【英文标题】：Error in component.ts file restricts angular from rendering

【发布时间】：2019-10-26 22:47:37

【问题描述】：

我刚刚开始使用 Angular。当我尝试运行我的 Angular 应用程序时，它只显示一个空白页面，并且在检查它时我发现 app-root 是空的。 所以我打开了 app.component.ts 文件，发现那里有一些错误

import  Component  from '@angular/core';

@Component(
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls:['./app.component.scss']
)
export class AppComponent 
  title = 'My Angular App';

这里的组件指令错误说

' selector: string; 类型的参数模板网址：字符串；样式网址： 细绳[]; ' 不可分配给“组件”类型的参数。 ' 选择器：字符串；类型中缺少属性 'true'模板网址： 细绳; styleUrls: 字符串[]; '。

我不明白我做错了什么。角度版本 7

【问题讨论】：

我猜你的缓存不干净。关闭您的 IDE，删除 node_modules、npm cache clean 和 npm install，新鲜是您最好的选择，没有更多信息。需要的其他信息是您拥有<app-root></app-root> 和app-root html 本身的HTML。确保您的应用程序模块中有所有imports。查看app-root HTML 并确保其中使用的所有其他组件都导入到它的模块中。

【参考方案1】：

问题是there

我认为您在 app.module 中没有使用正确的导入、声明。

【讨论】：

但是 ts 文件声明是在我创建应用程序本身时自动生成的。这就是为什么我想知道。 Angular CLI 创建了代码但有错误？

@SandeepThomas，不。最有可能在您的工作区中使用 IDE 和 node_modules。尝试重新安装并重新启动您的 IDE。

抱歉，我是 Angular 的新手。要卸载的主要内容是什么？ Angular CLI 还是 Node/NPM 本身？