在本地其他项目中使用修改后的 Angular cdk 模块

Question

我已经分叉、克隆和修改了 Angular 材质存储库以满足我的需要。开发应用中的代码运行良好。

现在我想在我正在开发的另一个 Angular 应用程序中使用这个模块，更准确地说是 @angular/cdk 的 DragDropmodule。

因此我运行gulp cdk:build-release 并获得了包含已构建模块的dist/releases/cdk 文件夹。

我现在如何在我的其他项目中使用这个编译模块的DragDropModule？我试过npm link。这在某种程度上有效，因为我现在可以通过

导入模块

import { DragDropModule } from 'material2c/dist/releases/cdk/drag-drop';

但是，尝试ng serve 会出现一堆错误

ERROR in C:/Users/admin/Documents/material2/dist/releases/cdk/esm5/drag-drop.es5.js Module not found: Error: Can't resolve '@angular/cdk/bidi' in 'C:\Users\admin\Documents\material2\dist\releases\cdk\esm5' ERROR in C:/Users/admin/Documents/material2/dist/releases/cdk/esm5/drag-drop.es5.js Module not found: Error: Can't resolve '@angular/cdk/coercion' in 'C:\Users\admin\Documents\material2\dist\releases\cdk\esm5' ERROR in C:/Users/admin/Documents/material2/dist/releases/cdk/esm5/drag-drop.es5.js Module not found: Error: Can't resolve '@angular/cdk/platform' in 'C:\Users\admin\Documents\material2\dist\releases\cdk\esm5' ERROR in C:/Users/admin/Documents/material2/dist/releases/cdk/esm5/drag-drop.es5.js Module not found: Error: Can't resolve '@angular/cdk/scrolling' in 'C:\Users\admin\Documents\material2\dist\releases\cdk\esm5'

任何帮助表示赞赏:-)

Answer 1

如果项目正确链接，导入应该保持不变。例如：

import { DragDropModule } from '@angular/cdk'

这是因为npm link 创建了一个从链接项目到目标项目中./node_modules/@angular/cdk 的链接。

如果您需要共享模块，您可能有兴趣在模块的 dist 目录中运行 npm pack，它应该会输出一个 tarball，然后您可以 npm install 到您的项目并轻松地与其他人共享。