在使用 Angular 2 进行开发时,可能会遇到如下错误信息:
ERROR in Error encountered resolving symbol values statically. Argument of type 'typeof AppComponent' is not assignable to parameter of type 'Type<any>'.
造成这个错误的原因是我们在应用程序的根模块中使用了 AppComponent
类型作为 bootstrap function 的参数,但是 AppComponent
并不是继承自 Type<any>
。
该问题的解决方法是将 bootstrap function 的参数类型更改为 any
。这样做的原因是,bootstrap
函数的最新实现返回一个 Promise<ComponentRef<T>>
,其中 T
表示任何组件类型。以下是调整后的根模块代码示例:
-- -------------------- ---- ------- ------ - ------------- - ---- ---------------------------- ------ - -------- - ---- ---------------- ------ - ------------ - ---- ------------------ ------ - ----------- - ---- ----------------- ----------- ------------- - ------------ -- -------- - -------------- ----------- -- ---------- --- ---------- -------------- -- --- -- ------ --- -- ------ ----- --------- - -
通过将 bootstrap
数组声明为 any
类型,我们可以防止编译器出现类型检查错误,并使应用程序顺利启动。
此外,还有一种更加正规的解决方法,即通过将 AppComponent
类型更改为 Type<any>
类型来解决问题。在这种情况下,我们需要在 app.component.ts
中导出 AppComponent
类型。以下是代码示例:
-- -------------------- ---- ------- ------ - --------- - ---- ---------------- ------------ --------- ----------- ------------ ----------------------- ---------- ----------------------- -- ------ ----- ------------ - ----- - --------- - ------ ----- ---------------- - ------------- -- -- ------------ --
然后,在根模块中,我们将 bootstrap
属性更改为 AppComponentType
:
-- -------------------- ---- ------- ------ - ------------- - ---- ---------------------------- ------ - --------- ---- - ---- ---------------- ------ - ------------- ---------------- - ---- ------------------ ------ - ----------- - ---- ----------------- ----------- ------------- - ------------ -- -------- - -------------- ----------- -- ---------- --- ---------- ------------------ -- -- ---------------- -- ------------ -- ------ ----- --------- - -
通过以上两种方法的其中一种,你可以很容易地解决 "Argument type AppComponent is not assignable to parameter type Type" 错误,并顺利启动你的 Angular 2 应用程序。
希望本文对你有所帮助!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/25438