接口“HTMLIONIconElement”不能同时扩展类型“IonIc on”和“HTMLStencilElement”

yvgpqqbh 于 12个月前发布在 Ionic

关注(0)|答案(3)|浏览(107)

我刚刚通过运行ng update将我的angular ionic应用程序从angular 12升级到使用angular v13。更新成功，但现在我无法运行应用程序，出现以下错误

[ng] Error: node_modules/ionicons/dist/types/components.d.ts:66:15 - error TS2320: Interface 'HTMLIonIconElement' cannot simultaneously extend types 'IonIc
on' and 'HTMLStencilElement'.
[ng]   Named property 'ariaHidden' of types 'IonIcon' and 'HTMLStencilElement' are not identical.
[ng]
[ng] 66     interface HTMLIonIconElement extends Components.IonIcon, HTMLStencilElement {
[ng]                  ~~~~~~~~~~~~~~~~~~
[ng]
[ng]
[ng] Error: node_modules/ionicons/dist/types/components.d.ts:66:15 - error TS2320: Interface 'HTMLIonIconElement' cannot simultaneously extend types 'IonIc
on' and 'HTMLStencilElement'.
[ng]   Named property 'ariaLabel' of types 'IonIcon' and 'HTMLStencilElement' are not identical.
[ng]
[ng] 66     interface HTMLIonIconElement extends Components.IonIcon, HTMLStencilElement {
[ng]                  ~~~~~~~~~~~~~~~~~~
[ng]
[ng]
[ng] Error: node_modules/typescript/lib/lib.dom.d.ts:4632:101 - error TS2344: Type 'HTMLElementTagNameMap[K]' does not satisfy the constraint 'Element'.
[ng]   Type 'HTMLElement | HTMLMetaElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | ... 151 more ... | HTMLMarqueeElement' is not assigna
ble to type 'Element'.
[ng]     Type 'HTMLIonIconElement' is not assignable to type 'Element'.
[ng]       Property 'ariaHidden' is optional in type 'HTMLIonIconElement' but required in type 'Element'.
[ng]
[ng] 4632     getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
[ng]                                                                                                          ~~~~~~~~~~~~~~~~~~~~~~~~
[ng]
[ng]
[ng] Error: node_modules/typescript/lib/lib.dom.d.ts:4953:101 - error TS2344: Type 'HTMLElementTagNameMap[K]' does not satisfy the constraint 'Element'.
[ng]   Type 'HTMLElement | HTMLMetaElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | ... 151 more ... | HTMLMarqueeElement' is not assigna
ble to type 'Element'.
[ng]
[ng] 4953     getElementsByTagName<K extends keyof HTMLElementTagNameMap>(qualifiedName: K): HTMLCollectionOf<HTMLElementTagNameMap[K]>;
[ng]

字符串
问题是所有被投诉的文件都在node_modules目录中。我如何解决这个问题？

ionic-framework

来源：https://stackoverflow.com/questions/69928845/interface-htmlioniconelement-cannot-simultaneously-extend-types-ionic-on-and

3条答案

按热度按时间

pvcm50d11#

对我来说，我只是在tslog.json中添加了"skipLibCheck": true,，请参阅下面的代码：

的数据

赞(0）回复(0）举报 12个月前

fbcarpbf2#

似乎ng update将typescript版本更新到4.4，但ionic ion-icon似乎与此版本的typescript不兼容。
我目前使用的修复方法是恢复到typescript版本4.3.5
如何执行此降级：

update your package.json-> replace："typescript": "~4.4.4" with "typescript": "~4.3.5"
然后运行-> npm install

如果有人有更多关于这种不兼容性的根本原因和解决这个问题的其他方法的信息，我非常感兴趣，因为我非常想升级到typescript4.4。

赞(0）回复(0）举报 12个月前

dldeef673#

下面的tslog.json配置适合我。

{
  "compileOnSave": false,
  "compilerOptions": {
    "skipLibCheck": true,
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "module": "es2020",
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2015",

    "lib": ["es2018", "dom"]
  },
  "angularCompilerOptions": {
    "fullTemplateTypeCheck": true,
    "strictInjectionParameters": true
  }
}

字符串

赞(0）回复(0）举报 12个月前

我来回答

接口“HTMLIONIconElement”不能同时扩展类型“IonIc on”和“HTMLStencilElement”

3条答案

相关问题

热门标签

最新问答