路由中直接使用外部包组件报找不到组件错误

[puddingnet]

A项目引入了B包，如：
"dependencies": {
"b": "~0.0.0",
}

A项目的路由模块中直接使用B包的组件，如：
import {BComponent} from "b/b.component";

const routes: Routes = [
{path: '', component: BComponent}
];

报如下错误：
ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve 'b/b.component' in '\a\src\app'

[tc9011]

我好像没有看到过在路由里面直接用引用包的，你可以在A 项目中新建一个 wrapComponent, 把 B 包起来，然后再在路由中引用

[asnowwolf]

不能像这样导入另一个项目，如果你想复用另一个项目中的东西，就要把那些东西封装成库，参见 https://angular.cn/guide/libraries。

[puddingnet]

先回答 @asnowwolf ，b包是以库的方式构建发布的，谢谢你的答复。

找到原因了：b包的public_api.ts中只export了BComponent对应的module。

解决办法：如果要直接使用BComponent，需要在public_api.ts中单独导出，module的export不会传递。

[wszgrcy]

这个我之前也遇到过,虽然都是依赖一个包(我自己知道),但是项目认为是两个不同的东西.
嗯封装时应该让他们都是基于一个依赖,而不能自带依赖

[asnowwolf]

@puddingnet 你是说 module 中 export 了这些组件还是说这些 module 的 exports 中列出了这些组件？两者差异还是很大的，这是两套模块化系统。我印象中如果使用 js export 重新导出，是可以工作的，不知道后来是不是改了。