Angular 角度-使用本地库
我创建了两个本地图书馆:Angular 角度-使用本地库,angular,Angular,我创建了两个本地图书馆: ng new my-library --create-application=false ng generate library core ng generate library shared 在共享库中使用的核心是: import { CoreModule } from 'core'; @NgModule({ declarations: [SharedComponent], imports: [ CoreModule ], exports:
ng new my-library --create-application=false
ng generate library core
ng generate library shared
在共享库中使用的核心是:
import { CoreModule } from 'core';
@NgModule({
declarations: [SharedComponent],
imports: [
CoreModule
],
exports: [SharedComponent]
})
export class SharedModule { }
我有一个Angle应用程序,它引用了两个库:
ng new my-library --create-application=false
ng generate library core
ng generate library shared
tsconfig.json:
"paths": {
"library/core": ["../library/dist/core/"],
"library/shared": ["../library/dist/shared/"]
}
app.module.ts:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppComponent } from './app.component';
import {CoreModule} from 'library/core';
import {SharedModule} from 'library/shared';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
CoreModule,
SharedModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
当SharedModule没有导入CoreModule时,我可以成功构建应用程序。但当SharedModule具有导入CoreModule时:
../library/dist/shared/fesm2015/shared.js中出错
未找到模块:错误:无法解析“angular\library\dist\shared\fesm2015”中的“core”
如何将本地库导入应用程序?谢谢您是否将其添加到项目
包.json
?您需要它来解决依赖关系:
"dependencies": {
"library/core": "file:core/dist"
...
问候。谢谢,但没有帮助什么是核心/地区?收费站是dist/core。我应该把它添加到共享库中的package.json吗?我不知道你的
core
buildoutdir的实际路径,所以默认情况下我假设它是core/dist。。。是的,您必须将此依赖项放在共享库中。我建议检查此repo,以便找到角度库使用的良好示例: