我有一個帶有 nguniversal 的 Angular 11 專案。我的主頁正在從服務、內部(翻譯鍵物件)和外部(顯示鏈接串列的快速節點服務器)獲取資料。后端域與前端域地址不同。
該網站顯示正確,但由于某種原因,當我檢查頁面源時最初未加載翻譯和鏈接串列。此外,元和標題標簽在頁面源中不可見。雖然他們在作業。
我相信這對于搜索引擎優化來說應該是必不可少的。
我正在從內部翻譯服務加載語言鍵,作為可觀察到的 app.component.ts。翻譯服務本身依賴于等待瀏覽器加載的視窗服務isPlatformBrowser。需要視窗服務來模擬服務器上的視窗物件。
我還嘗試在平臺瀏覽器初始化之前或之后獲取 api 資料,但沒有成功。
我還缺少什么?
編輯,部分代碼。不確定我是否應該在此處包含整個專案代碼:
"dependencies": {
"@angular/animations": "11.0.5",
"@angular/common": "~11.0.5",
"@angular/core": "~11.0.5",
"@angular/forms": "~11.0.5",
"@angular/platform-browser": "~11.0.5",
"@angular/platform-browser-dynamic": "~11.0.5",
"@angular/platform-server": "~11.0.5",
"@angular/router": "~11.0.5",
"@capacitor/core": "2.4.5",
"@ionic-native/core": "^5.0.0",
"@ionic-native/splash-screen": "^5.0.0",
"@ionic-native/status-bar": "^5.0.0",
"@ionic/angular": "^5.0.0",
"@nguniversal/express-engine": "11.0.1",
"@schematics/angular": "11.0.5",
"@types/memory-cache": "0.2.1",
"cors": "2.8.5",
"express": "^4.15.2",
"ion2-calendar": "3.5.0",
"leaflet": "1.7.1",
"memory-cache": "0.2.0",
"moment": "2.29.1",
"ng2-completer": "9.0.1",
"ng2-file-upload": "1.4.0",
"rxjs": "~6.5.5",
"socket.io-client": "4.1.2",
"tslib": "^2.0.0",
"url-search-params-polyfill": "8.1.0",
"zone.js": "~0.10.3"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.1100.5",
"@angular/cli": "~11.0.5",
"@angular/compiler": "~11.0.5",
"@angular/compiler-cli": "~11.0.5",
"@angular/language-service": "~11.0.5",
"@capacitor/cli": "2.4.5",
"@ionic/angular-server": "5.6.0-dev.202012021910.3a763f4",
"@ionic/angular-toolkit": "^2.3.0",
"@nguniversal/builders": "^11.0.1",
"@types/express": "^4.17.0",
"@types/jasmine": "~3.5.0",
"@types/jasminewd2": "~2.0.3",
"@types/node": "^12.11.1",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~5.1.1",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~3.0.2",
"karma-jasmine": "~3.3.0",
"karma-jasmine-html-reporter": "^1.5.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~4.0.5"
uj5u.com熱心網友回復:
實際上我需要為我的組件實作一個決議器。所以它等待從服務中獲取資料。
角解析度
這個問題實際上有助于實施。
一些問題仍然存在,但看起來是朝著正確方向邁出的一步。
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/351852.html
