Angular无法在NX中找到共享组件
创始人
2024-10-30 02:30:19
0

如果在使用NX进行开发时出现了“Angular cannot find shared component in NX”的问题,可能需要遵循以下步骤:

  1. 首先,确保该共享组件位于与使用它的项目不同的Nx workspace中。例如,一个共享组件库位于libs / ui / components中,而使用它的项目位于apps / my-app中。

  2. 在使用共享组件的项目中的app.module.ts文件中添加共享组件库的引用。示例代码如下:

import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import { NxModule } from '@nrwl/nx';
import { MyComponent } from '../../../../libs/ui/components/src/lib/my-component/my-component.component';

@NgModule({
  imports: [
    NxModule.forRoot()
  ],
  declarations: [
    AppComponent,
    MyComponent
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}
  1. 如果在添加共享组件的引用后仍然出现问题,则需要将共享组件库添加到使用它的项目的tsconfig.app.json文件中。示例代码如下:
"compilerOptions": {
  ...
  "paths": {
    "@my-org/ui-components": [
      "libs/ui/components/src/index.ts"
    ]
  }
}

这应该解决“Angular cannot find shared component in NX”问题。

相关内容

热门资讯

七分钟必备!兴动互娱游戏辅助器... 七分钟必备!兴动互娱游戏辅助器好用吗,水鱼辅助软件下载(其实是有挂)-哔哩哔哩亲,关键说明,兴动互娱...
1分钟揭露!微信小程序万能修改... 1分钟揭露!微信小程序万能修改器,川娱竞技辅助(总是真的是有挂)-哔哩哔哩1)微信小程序万能修改器辅...
一分钟详细!0759湛江吴川三... 一分钟详细!0759湛江吴川三脚鸡辅助,水鱼天下破解版微信(真是真的有挂)-哔哩哔哩1、实时0759...
四分钟科普!新上游拼十辅助,科... 四分钟科普!新上游拼十辅助,科技新星游牛牛辅助(都是真的有挂)-哔哩哔哩1、该软件可以轻松地帮助玩家...
第三分钟揭露!传送屋激k万能辅... 第三分钟揭露!传送屋激k万能辅助器app,四川熊猫辅助软件视频(好像是有挂)-哔哩哔哩1、任何传送屋...
6分钟详情!中至九江脚本,四川... 6分钟详情!中至九江脚本,四川游戏家园辅助软件(都是真的有挂)-哔哩哔哩1、四川游戏家园辅助软件透视...
四分钟必备!广西老友麻将有挂吗... 四分钟必备!广西老友麻将有挂吗,同城游辅助软件(一直有挂)-哔哩哔哩1、广西老友麻将有挂吗系统规律教...
3分钟分享!闽游13水辅助,兴... 3分钟分享!闽游13水辅助,兴动互娱辅助工具名称(一直是真的挂)-哔哩哔哩1)兴动互娱辅助工具名称辅...
7分钟总结!海螺众娱脚本,黑科... 7分钟总结!海螺众娱脚本,黑科技辅助软件免费(都是是有挂)-哔哩哔哩7分钟总结!海螺众娱脚本,黑科技...
一分钟解谜!温州茶苑手机版辅助... 一分钟解谜!温州茶苑手机版辅助器,杭州都莱辅助软件(本来真的是有挂)-哔哩哔哩1、温州茶苑手机版辅助...