javascript - npm 链接不适用于 angular-cli 创建的项目

标签 javascript angular webpack angular-cli npm-link

我已经使用 angular-cli 创建了一个项目。有一个 AppModuleAppComponent 我想在其他 Angular 应用程序中使用这个 AppModule 及其组件(AppComponent) .所以我创建了 index.ts 文件并导出了 AppModuleAppComponent

export {AppModule} from './src/app/app.module';
export {AppComponent} from './src/app/app.component';

然后使用 npm link 创建本地链接,并使用 package.json 中定义的名称创建链接。

现在在我想使用这个导出模块的其他项目中运行

npm link project-name

链接已成功完成。 我试过了

import { AppModule as AModule} from 'my-components';

但这不起作用,因为 webpack 无法编译 AppModule 文件,因为引用没有得到解析。在 SystemJs 中,我们在 systemjs.config.js 文件中定义了它的映射,但没有配置文件。

我该如何解决这个问题?

有没有其他方法可以重用本地模块?

最佳答案

在 Angular 7 中,"preserveSymlinks": true

它对我有用:project > architect > build > options

关于javascript - npm 链接不适用于 angular-cli 创建的项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45480341/

相关文章:

javascript - 如何更快地对 HTML 表格进行排序?

javascript - node.js 错误 : connect ECONNREFUSED; response from server

angularjs - 没有导出的成员/Node 模块

android - ionic 2 : Run a background service with cordova

angular - 为什么我们称 RxJS Subject 为 Multicast 而 Observable 为 Unicast?

javascript - window.onresize : firing a function during, 以及调整大小完成时

javascript - 将平面数组转换为嵌套父子格式

webpack - 在 Vue CLI 3 配置中使用相对 URL 时本地字体路径不正确

javascript - 无法配置 webpack.config 文件

javascript - [eslint] 中的 Vue-cli 无法读取未定义的属性(读取 'type' )错误