我正在研究 ionic 和 Angular。今天早上我尝试更新 Angular 并遇到错误。在修复这些错误期间出现了更多错误。至少我删除了 package-lock.json 和 node_module 文件夹并再次安装了一个运行项目。我还运行该命令来更新依赖项 ng update @angular/cli @angular/core --allow-dirty --force。这次我遇到了这个错误。请任何人帮忙。
ERROR in node_modules/ionic-angular/umd/components/action-sheet/action-sheet-component.d.ts:1:22 - error TS2724: Module '"../../../../@angular/core/core"' has n
o exported member 'Renderer'. Did you mean 'Renderer2'?
[ng] 1 import { ElementRef, Renderer } from '@angular/core';
[ng] ~~~~~~~~
[ng] node_modules/@angular/core/core.d.ts:5929:31
[ng] 5929 export declare abstract class Renderer2 {
[ng] ~~~~~~~~~
[ng] 'Renderer2' is declared here.
[ng] node_modules/ionic-angular/umd/components/alert/alert-component.d.ts:1:22 - error TS2724: Module '"../../../../@angular/core/core"' has no exported member 'Rend
erer'. Did you mean 'Renderer2'?
[ng] 1 import { ElementRef, Renderer } from '@angular/core';
[ng] ~~~~~~~~
[ng] node_modules/@angular/core/core.d.ts:5929:31
[ng] 5929 export declare abstract class Renderer2 {
[ng] ~~~~~~~~~
[ng] 'Renderer2' is declared here.
[ng] node_modules/ionic-angular/umd/components/app/app-root.d.ts:1:72 - error TS2724: Module '"../../../../@angular/core/core"' has no exported member 'Renderer'. Di
d you mean 'Renderer2'?
[ng] 1 import { ComponentFactoryResolver, ElementRef, InjectionToken, OnInit, Renderer, ViewContainerRef } from '@angular/core';
[ng] ~~~~~~~~
[ng] node_modules/@angular/core/core.d.ts:5929:31
[ng] 5929 export declare abstract class Renderer2 {
[ng] ~~~~~~~~~
[ng] 'Renderer2' is declared here.
[ng] node_modules/ionic-angular/umd/components/app/click-block.d.ts:1:22 - error TS2724: Module '"../../../../@angular/core/core"' has no exported member 'Renderer'.
Did you mean 'Renderer2'?
[ng] 1 import { ElementRef, Renderer } from '@angular/core';
[ng] ~~~~~~~~
[ng] node_modules/@angular/core/core.d.ts:5929:31
[ng] 5929 export declare abstract class Renderer2 {
[ng] ~~~~~~~~~
[ng] 'Renderer2' is declared here.
[ng] node_modules/ionic-angular/umd/components/app/overlay-portal.d.ts:1:70 - error TS2724: Module '"../../../../@angular/core/core"' has no exported member 'Rendere
r'. Did you mean 'Renderer2'?
[ng] 1 import { ComponentFactoryResolver, ElementRef, ErrorHandler, NgZone, Renderer, ViewContainerRef } from '@angular/core';
[ng] ~~~~~~~~
[ng] node_modules/@angular/core/core.d.ts:5929:31
[ng] 5929 export declare abstract class Renderer2 {
[ng] ~~~~~~~~~
[ng] 'Renderer2' is declared here.
[ng] node_modules/ionic-angular/umd/components/backdrop/backdrop.d.ts:1:22 - error TS2724: Module '"../../../../@angular/core/core"' has no exported member 'Renderer
'. Did you mean 'Renderer2'?
[ng] 1 import { ElementRef, Renderer } from '@angular/core';
[ng] ~~~~~~~~
[ng] node_modules/@angular/core/core.d.ts:5929:31
[ng] 5929 export declare abstract class Renderer2 {
[ng] ~~~~~~~~~
[ng] 'Renderer2' is declared here.
[ng] node_modules/ionic-angular/umd/components/badge/badge.d.ts:1:22 - error TS2724: Module '"../../../../@angular/core/core"' has no exported member 'Renderer'. Did
you mean 'Renderer2'?
[ng] 1 import { ElementRef, Renderer } from '@angular/core';
[ng] ~~~~~~~~
[ng] node_modules/@angular/core/core.d.ts:5929:31
[ng] 5929 export declare abstract class Renderer2 {
[ng] ~~~~~~~~~
[ng] 'Renderer2' is declared here.
[ng] node_modules/ionic-angular/umd/components/button/button.d.ts:1:22 - error TS2724: Module '"../../../../@angular/core/core"' has no exported member 'Renderer'. D
id you mean 'Renderer2'?
[ng] 1 import { ElementRef, Renderer } from '@angular/core';
[ng] ~~~~~~~~
[ng] node_modules/@angular/core/core.d.ts:5929:31
[ng] 5929 export declare abstract class Renderer2 {
[ng] ~~~~~~~~~
[ng] 'Renderer2' is declared here.
[ng] node_modules/ionic-angular/umd/components/card/card-content.d.ts:1:22 - error TS2724: Module '"../../../../@angular/core/core"' has no exported member 'Renderer
'. Did you mean 'Renderer2'?
[ng] 1 import { ElementRef, Renderer } from '@angular/core';
[ng] ~~~~~~~~
[ng] node_modules/@angular/core/core.d.ts:5929:31
[ng] 5929 export declare abstract class Renderer2 {
[ng] ~~~~~~~~~
[ng] 'Renderer2' is declared here.
[ng] node_modules/ionic-angular/umd/components/card/card-header.d.ts:1:22 - error TS2724: Module '"../../../../@angular/core/core"' has no exported member 'Renderer'
. Did you mean 'Renderer2'?
[ng] 1 import { ElementRef, Renderer } from '@angular/core';
这是我的 package.json 文件。
{
"name": "assignment-2",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "https://ionicframework.com/",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/common": "~10.0.9",
"@angular/compiler": "~10.0.9",
"@angular/core": "~10.0.9",
"@angular/fire": "^5.4.2",
"@angular/forms": "~10.0.9",
"@angular/http": "latest",
"@angular/platform-browser": "~10.0.9",
"@angular/platform-browser-dynamic": "~10.0.9",
"@angular/router": "~10.0.9",
"@capacitor/android": "^2.1.0",
"@capacitor/core": "2.1.0",
"@ionic-native/core": "^5.0.0",
"@ionic-native/fcm": "^5.27.0",
"@ionic-native/push": "^5.28.0",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^4.7.1",
"@ionic/storage": "^2.2.0",
"cordova-plugin-badge": "^0.8.8",
"cordova-plugin-device": "^2.0.3",
"cordova-plugin-fcm-with-dependecy-updated": "^7.0.7",
"cordova-plugin-stripe": "^1.5.3",
"cordova-sqlite-storage": "^5.0.0",
"cordova-support-google-services": "^1.4.1",
"core-js": "^2.5.4",
"firebase": ">= 5.5.7 <8",
"ionic-angular": "latest",
"moment": "^2.24.0",
"ngx-autosize": "^1.7.5",
"phonegap-plugin-multidex": "^1.0.0",
"rxjs": "^6.5.3",
"rxjs-compat": "^6.5.3",
"tslib": "^1.9.0",
"zone.js": "~0.10.3"
},
"devDependencies": {
"@angular-devkit/architect": "~0.801.2",
"@angular-devkit/build-angular": "^0.1000.6",
"@angular-devkit/core": "~8.1.2",
"@angular-devkit/schematics": "~8.1.2",
"@angular/cli": "^10.0.6",
"@angular/compiler-cli": "~10.0.9",
"@angular/language-service": "~10.0.9",
"@capacitor/cli": "2.1.0",
"@ionic/angular-toolkit": "~2.0.0",
"@ionic/lab": "3.1.6",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^14.0.27",
"codelyzer": "^5.0.0",
"firebase-tools": "^7.12.0",
"fuzzy": "^0.1.3",
"inquirer": "^6.2.2",
"inquirer-autocomplete-prompt": "^1.0.1",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^5.1.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"phonegap-plugin-push": "^2.3.0",
"protractor": "^7.0.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.9.7"
},
"description": "An Ionic project",
"cordova": {
"plugins": {
"cordova-sqlite-storage": {},
"cordova-plugin-stripe": {},
"cordova-plugin-fcm-with-dependecy-updated": {},
"phonegap-plugin-push": {
"SENDER_ID": "929354685211"
}
}
}
}
我在谷歌上搜索了这个问题，但没有找到任何解决方案。请帮助我。
最佳答案
必须使用--allow-dirty --force应该给你足够的警告以避免你现在所处的情况。 Angular CLI 和 NPM 有一些旨在确保版本兼容性的机制。
对于 future ，我建议使用 Angular 更新实用程序 [https://update.angular.io]，它将指导您更新 Angular 及其依赖项，同时确保最佳实践。
对于您目前的情况，我唯一可以建议的是从新的 package.json 开始，并使用 ng add 或 手动安装您需要的所有组件>npm 安装。或者返回到版本历史记录中的最后一个工作提交，然后从那里正确更新。
关于angular - node_modules/ionic-angular/umd/components/action-sheet/action-sheet-component.d.ts 中的错误 :1:22 - error TS2724，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/63437561/