typescript 错误:p-button(和p-password)不是已知元素

zwghvu4y  于 2023-04-07  发布在  TypeScript
关注(0)|答案(2)|浏览(111)

我通过npm install primeng --save安装了primeng
在package.json中,在dependencies和devDepencies中,primeng都位于^12.0.1
在angular.json中,我已经放入了相关的样式。

"styles": [
  "node_modules/primeng/resources/themes/saga-blue/theme.css",
  "node_modules/primeng/resources/primeng.min.css",
  "node_modules/primeicons/primeicons.css",
  //...
],

在login.module.ts vimI中我已经放好了相关代码:

import {PasswordModule} from 'primeng/password';
import {ButtonModule} from 'primeng/button';

@NgModule({
   ...
   imports:[
   ...
   ButtonModule,
   PasswordModule
   ]
  })

很难从vm复制和粘贴代码,但我分别输入了:

<p-password></p-password>
<p-button></p-button>

我的登录模块位于与应用程序文件夹嵌套的登录文件夹中
编辑:p-password和p-button在应用程序模块中工作,但在登录模块中不工作。
我已设置应用路由模块将“”路由到登录模块。
编辑:我最终只是将登录组件与应用程序模块合并,并删除了登录模块。我对此感到厌倦。

myss37ts

myss37ts1#

我知道这是一个老主题,但我最近也遇到了同样的问题。在我的例子中,我忘记在导入数组中的AppModule本身的级别添加LoginModule。

@NgModule({
  declarations: [
        AppComponent
      ],
      imports: [
        ...
        LoginModule,
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
export class AppModule { }
n9vozmp4

n9vozmp42#

我想你是缺少导入CommonModule,在LoginModule

import { CommonModule } from '@angular/common';
@NgModule({
imports: [CommonModule, ButtonModule, PasswordModule]});

我也遇到了同样的问题,解决方案是导入CommonModule。

相关问题