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: /
Um Ihre Angular- Anwendung zu aktualisieren, sollten Sie wahrscheinlich dem Angular Update Guide folgen .
Beim ncu -u
Befehl 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.
Lass mich ein paar Worte sagen