So lösen Sie einen Versionskonflikt von Clarity-icons.min.js in einer eckigen App

GelbAhorn

Ich führe eine Demo von https://github.com/angular-in-action/portfolio aus , um Angular zu studieren. Die Angular CLI-Version der Demo ist so alt (sie verwendet Version 1.3.2, aber die neueste Version ist 7.3. 9) dass so viele Abhängigkeiten veraltet sind, also aktualisiere ich die Abhängigkeit von

npm i -g npm-check-updates
ncu -u

Aber wenn ich die Demo starte, funktioniert es nicht.

Aus dem Protokoll kann ich sehen, dass es sich um Klarheit-icons.min.js handelt, es wurde in die @clr/icons verschoben, aber ich kann nicht finden, wo der Code das Paket Klarheit-icons.min.js aufruft, keine Ideeany ?

hier ist die Paketdatei:

{
  "name": "portfolio",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^7.2.15",
    "@angular/common": "^7.2.15",
    "@angular/core": "^7.2.15",
    "@angular/forms": "^7.2.15",
    "@angular/http": "^7.2.15",
    "@angular/platform-browser": "^7.2.15",
    "@angular/platform-browser-dynamic": "^7.2.15",
    "@angular/router": "^7.2.15",
    "@clr/angular": "^1.1.3",
    "@clr/icons": "^1.1.3",
    "@clr/ui": "^1.1.3",
    "@webcomponents/custom-elements": "^1.2.4",
    "core-js": "^2.6.5",
    "mutationobserver-shim": "^0.3.3",
    "rxjs": "^6.5.2",
    "tslib": "^1.9.0",
    "webpack": "^4.31.0",
    "zone.js": "^0.8.26"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.13.0",
    "@angular/cli": "7.3.9",
    "@angular/compiler": "^7.2.15",
    "@angular/compiler-cli": "^7.2.15",
    "@angular/language-service": "^7.2.15",
    "@types/jasmine": "~3.3.12",
    "@types/jasminewd2": "~2.0.6",
    "@types/node": "~12.0.2",
    "codelyzer": "^5.0.1",
    "jasmine-core": "~3.4.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-cli": "~2.0.0",
    "karma-coverage-istanbul-reporter": "^2.0.5",
    "karma-jasmine": "~2.0.1",
    "karma-jasmine-html-reporter": "^1.4.2",
    "protractor": "~5.4.2",
    "ts-node": "~8.1.0",
    "tslint": "~5.16.0",
    "typescript": "~3.2.2"
  }
}

hier ist log-Datei:

/snap/bin/node /snap/node/2023/lib/node_modules/npm/bin/npm-cli.js
    run start --scripts-prepend-node-path=auto

    > [email protected] start /home/maple/typescript/portfolio
    > ng serve

    ** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **  92% additional asset
    processing scripts-webpack-plugin✖ 「wdm」: Error: ENOENT: no such
    file or directory, open
    '/home/maple/typescript/portfolio/node_modules/clarity-icons/clarity-icons.min.js'
        at Object.openSync (fs.js:438:3)
        at Object.readFileSync (fs.js:343:35)
        at Storage.provideSync (/home/maple/typescript/portfolio/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:98:13)
        at CachedInputFileSystem.readFileSync (/home/maple/typescript/portfolio/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:259:32)
        at Observable.rxjs_1.Observable.obs [as _subscribe] (/home/maple/typescript/portfolio/node_modules/@ngtools/webpack/src/webpack-input-host.js:35:51)
        at Observable._trySubscribe (/home/maple/typescript/portfolio/node_modules/@ngtools/webpack/node_modules/rxjs/internal/Observable.js:44:25)
        at Observable.subscribe (/home/maple/typescript/portfolio/node_modules/@ngtools/webpack/node_modules/rxjs/internal/Observable.js:30:22)
        at SyncDelegateHost._doSyncCall (/home/maple/typescript/portfolio/node_modules/@angular-devkit/core/src/virtual-fs/host/sync.js:22:20)
        at SyncDelegateHost.read (/home/maple/typescript/portfolio/node_modules/@angular-devkit/core/src/virtual-fs/host/sync.js:49:21)
        at WebpackCompilerHost.readFileBuffer (/home/maple/typescript/portfolio/node_modules/@ngtools/webpack/src/compiler_host.js:125:44)
        at VirtualFileSystemDecorator.readFile (/home/maple/typescript/portfolio/node_modules/@ngtools/webpack/src/virtual_file_system_decorator.js:39:54)
        at Promise (/home/maple/typescript/portfolio/node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/scripts-webpack-plugin.js:69:49)
        at new Promise (<anonymous>)
        at scripts.map.fullPath (/home/maple/typescript/portfolio/node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/scripts-webpack-plugin.js:68:24)
        at Array.map (<anonymous>)
        at hook (/home/maple/typescript/portfolio/node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/scripts-webpack-plugin.js:67:43)
    ℹ 「wdm」: wait until bundle finished: /
Johan Rin |

Um Ihre Angular- Anwendung zu aktualisieren, sollten Sie wahrscheinlich dem Angular Update Guide folgen .

Beim ncu -uBefehl fehlen meiner Meinung nach einige wichtige Schritte wie der Wechsel zu HttpClientModule.

Wenn Sie die Anleitung verwenden, finden Sie alle notwendigen Schritte, um Ihre Anwendung korrekt zu aktualisieren.

Ich habe das Repo überprüft und es scheint, dass die verwendete Version die 5.0.0-beta.6 ist, also muss man wohl dem Angular Update Guide folgen | 5.0 -> 7.0 für Basis-Apps

Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.

Bei Verstößen wenden Sie sich bitte [email protected] Löschen.

bearbeiten am
0

Lass mich ein paar Worte sagen

0Kommentare
LoginNach der Teilnahme an der Überprüfung

Verwandte Artikel

So übergeben Sie einen eckigen JS-Wert in einer URL als Parameter

So lösen Sie einen Status von einer anderen Komponente in Reactjs aus

So lösen Sie einen asynchronen Job von einer Cloud-Funktion aus

So teilen Sie einen Header in einer eckigen Materialtabelle auf

So beheben Sie einen Fehler in einer externen HTTP-Anforderung von der Node.js-App

So wechseln Sie von einer nicht eckigen Anmeldeseite zu einer eckigen Startseite

So fügen Sie eine bearbeitbare Tabelle mit einer schreibgeschützten Spalte in die Registerkartenansicht von eckigen js ein

Flutter - So lösen Sie eine Push-Benachrichtigung von einer App zu einem abonnierten Thema aus

So lösen Sie einen Link

So lösen Sie einen erkannten Zirkelbezug

Sammeln Sie gestreamte Daten in einer eckigen App

So lösen Sie Uncaught TypeError: Die Eigenschaft 'body' von null für tinymce.4.2.7.min.js kann nicht gelesen werden.

So lösen Sie eine Änderung in einer Komponente aus. Von einer anderen Komponente

So lösen Sie einen Fehler in der form_valid-Methode einer CreateView aus

So lösen Sie ein Abonnement für einen Ereignisemitter innerhalb einer Funktion aus. Winkeleinheitstest

SwiftUI - So lösen Sie einen Alert aus einer separaten Klasse aus

So lösen Sie einen Rückruf nach einer Aufhebung in Schienen aus

So erhalten Sie eine Formularvalidierung von einer eckigen 1.5-Komponente

So weisen Sie ng-click in eckigen js einen Array-Elementwert zu

So übergeben Sie einen Blob von einer Chrome-Erweiterung an eine Chrome-App

So rufen Sie einen Schlüssel von einer bestimmten Position in JSON ab (Google App Script)

So lösen Sie einen Anruf aus, wenn Sie auf einem Mobiltelefon auf einen Link auf einer Webseite klicken

So wiederholen Sie ein Array in eckigen js

So teilen Sie die Saiten in eckigen js

So lösen Sie einen Dienst in App Engine bei Firebase-Datenänderung aus

So verhindern Sie, dass SCIP beim Lösen von MIPs einen Neustart durchführt

So lösen Sie einen variablen Wert von 0,01 bei prozentualem Rabatt

So lösen Sie mithilfe von VSTO automatisch einen Link in Outlook-E-Mails aus

Lösen Sie einen Übergang von einer Funktion aus (ohne UI-Element).

TOP Liste

  1. 1

    So legen Sie mit dem Interface Builder unterschiedliche führende Speicherplätze für unterschiedliche Geräte fest

  2. 2

    Wie konvertiere ich einen Vektor von Bytes (u8) in eine Zeichenfolge?

  3. 3

    Wie kann ich in SCSS mehrere Klassen zu einer einzigen kombinieren?

  4. 4

    Eclipse Oxygen - Projekte verschwinden

  5. 5

    Wie konvertiert man einen Datenrahmen im langen Format in eine Liste mit einem geeigneten Format?

  6. 6

    Wie kann ich den Kaskadenmodus global einstellen?

  7. 7

    Wie erstelle ich einen neuen übergeordneten Knoten außerhalb der .ref (/ path) in der Firebase-Echtzeitdatenbank mithilfe von Cloud-Funktionen (Typescript)?

  8. 8

    So erhalten Sie eine gleichmäßige Höhe für alle Eingabefelder

  9. 9

    Python: Spalten mit demselben Namen zusammenführen, wobei der Mindestwert beibehalten wird

  10. 10

    Speichern Sie ein MPAndroidChart-Diagramm in einem Bild, ohne es in einer Aktivität anzuzeigen

  11. 11

    Gruppieren Sie Datenrahmenspalten nach ihrem Datum (die Spaltentitel enthalten) und fassen Sie die Instanzen von Einsen und Nullen in R . zusammen

  12. 12

    ElasticSearch BulkShardRequest ist aufgrund von org.elasticsearch.common.util.concurrent.EsThreadPoolExecutor fehlgeschlagen

  13. 13

    Tic Tac Toe-Spiel im React-Reset-Button funktioniert nicht

  14. 14

    Tomcat - Leiten Sie den alten Kontextstamm zum neuen Kontextstamm um

  15. 15

    Wie wählt man Unterschiede mit drei Tabellen aus?

  16. 16

    Ärgerliches Problem mit yaml, das ich nicht lösen kann

  17. 17

    Wie kann ich meine Tabelle abfragen, um sie in mySQL nach 2 Feldern zu gruppieren?

  18. 18

    So berechnen Sie die Verfügbarkeit von Anwendungen (SLA)

  19. 19

    Fügen Sie eine weitere Schaltfläche zu gwt Suggest Box hinzu

  20. 20

    Modbus Python Schneider PM5300

  21. 21

    Wie kann eine gleichmäßige Lastverteilung in ElasticSearch mit Indizes mit unterschiedlicher Anzahl von Shards erreicht werden?

heißlabel

Archiv