Angular 7.x自定义库类导出异常：构造函数实例化失败

我之前也碰到过完全一样的情况——类作为类型标注没问题，一实例化就报模块找不到，核心原因是你用了错误的导入路径，直接指向了库的内部文件结构，而不是通过库的公共入口导入。

问题根源 #

当你写import { DemoClass } from 'mylib/lib/global/module1/testClass.class';时：

• 作为类型使用时，TypeScript只需要读取.d.ts声明文件，所以能正常通过类型检查；
• 但运行时需要加载实际的JavaScript代码，而Angular库编译后，dist目录并不会保留你源码里的lib/global/module1这样的层级路径结构，导致找不到对应的模块文件。

快速解决方案 #

直接从库的根名称导入即可，因为你已经在public_api.ts里导出了DemoClass：

// 替换原来的导入语句
import { DemoClass } from 'mylib';

这样修改后，无论是作为类型标注还是new DemoClass()实例化，都能正常工作。

额外验证步骤 #

为了确保库的配置没有问题，你可以检查以下几点：

• 确认dist/mylib目录下的mylib.d.ts文件中包含DemoClass的导出声明；
• 检查库的package.json（位于dist/mylib下）里的main、module、types字段是否正确指向编译后的文件，比如：

  {
    "main": "bundles/mylib.umd.js",
    "module": "fesm5/mylib.js",
    "types": "mylib.d.ts"
  }
  

• 确保你已经通过npm link或者将库安装到应用的node_modules中（Angular库开发常用ng build mylib --watch+npm link dist/mylib的方式）。

进阶：如果需要子路径导入（可选） #

如果你希望支持类似import { DemoClass } from 'mylib/global';这样的子路径导入，可以在库的tsconfig.lib.json中配置paths，并在public_api.ts中导出子模块：

1. 在tsconfig.lib.json的compilerOptions里添加：

   "paths": {
     "mylib/global": ["./src/lib/global/index.ts"]
   }
   

2. 在src/lib/global/index.ts中导出DemoClass：

   export * from './module1/testClass.class';
   

3. 重新编译库，之后就可以用import { DemoClass } from 'mylib/global';导入了。不过Angular 7的库更推荐从根入口统一导出，这样更符合Angular库的使用习惯。

内容的提问来源于stack exchange，提问作者Mike5