0

我正在使我的网站对 SEO 友好

我使用 npm 安装了 nguniversal，

这是我用来运行网站的命令（服务器端渲染）

ng run EssConsult:serve-ssr

编译成功。

** Angular Universal Live Development Server 正在监听 http://localhost:4200，在 http://localhost:4200 上打开浏览器 **

我收到消息编译成功。并且 Live Development Server 正在监听 http://localhost:4200

但是当网站加载时，我收到了这个错误

Error: Type r does not have 'ɵmod' property.
at getNgModuleDef (C:\Dzniox\Web\ess-consultant\EssConsult\dist\EssConsult\server\main.js:48692:15)
at recurse (C:\Dzniox\Web\ess-consultant\EssConsult\dist\EssConsult\server\main.js:72838:21)
at recurse (C:\Dzniox\Web\ess-consultant\EssConsult\dist\EssConsult\server\main.js:72849:17)
at recurse (C:\Dzniox\Web\ess-consultant\EssConsult\dist\EssConsult\server\main.js:72849:17)
at registerNgModuleType (C:\Dzniox\Web\ess-consultant\EssConsult\dist\EssConsult\server\main.js:72834:5)
at new NgModuleFactory$1 (C:\Dzniox\Web\ess-consultant\EssConsult\dist\EssConsult\server\main.js:72948:13)
at Compiler_compileModuleSync__POST_R3__ (C:\Dzniox\Web\ess-consultant\EssConsult\dist\EssConsult\server\main.js:75806:12)
at Compiler_compileModuleAsync__POST_R3__ [as compileModuleAsync] (C:\Dzniox\Web\ess-consultant\EssConsult\dist\EssConsult\server\main.js:75811:28)
at CommonEngine.<anonymous> (C:\Dzniox\Web\ess-consultant\EssConsult\dist\EssConsult\server\main.js:117104:58)
at Generator.next (<anonymous>)

包.json 文件

```{
"name": "ess-consult",
"version": "0.0.0",
"scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test",
    "dev:ssr": "ng run EssConsult:serve-ssr",
    "serve:ssr": "node dist/EssConsult/server/main.js",
    "build:ssr": "ng build && ng run EssConsult:server",
    "prerender": "ng run EssConsult:prerender"
},
"private": true,
"dependencies": {
    "@angular/animations": "~12.2.0",
    "@angular/common": "~12.2.0",
    "@angular/compiler": "~12.2.0",
    "@angular/core": "~12.2.0",
    "@angular/forms": "~12.2.0",
    "@angular/platform-browser": "~12.2.0",
    "@angular/platform-browser-dynamic": "~12.2.0",
    "@angular/platform-server": "~12.2.0",
    "@angular/router": "~12.2.0",
    "@nguniversal/express-engine": "^12.1.0",
    "express": "^4.15.2",
    "rxjs": "~6.6.0",
    "tslib": "^2.3.0",
    "zone.js": "~0.11.4",
    "@ng-toolkit/universal": "^1.1.21",
    "angular-crumbs": "^3.0.1",
    "isotope-layout": "^3.0.6",
    "jquery": "^3.6.0",
    "magnific-popup": "^1.1.0",
    "swiper": "^6.6.2",
    "ngx-bootstrap": "^6.2.0",
    "ngx-quicklink": "^0.2.7"
},
"devDependencies": {
    "@angular-devkit/build-angular": "~12.2.3",
    "@angular/cli": "~12.2.3",
    "@angular/compiler-cli": "~12.2.0",
    "@nguniversal/builders": "^12.1.0",
    "@types/express": "^4.17.0",
    "@types/jasmine": "~3.8.0",
    "@types/node": "^12.11.1",
    "jasmine-core": "~3.8.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.7.0",
    "typescript": "~4.3.5",
    "codelyzer": "^6.0.0",
    "jasmine-spec-reporter": "~5.0.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0"
}

}



tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "forceConsistentCasingInFileNames": true,
    "strict": true,
    "noImplicitReturns": false,
    "noFallthroughCasesInSwitch": true,
    "sourceMap": true,
    "declaration": false,
    "downlevelIteration": true,
    "experimentalDecorators": true,
    "moduleResolution": "node",
    "importHelpers": true,
    "target": "es2017",
    "module": "es2020",
    "lib": [
      "es2018",
      "dom"
    ]
  },
  "angularCompilerOptions": {
    "enableI18nLegacyMessageIdFormat": false,
    "strictInjectionParameters": true,
    "strictInputAccessModifiers": true,
    "strictTemplates": true
  }
}
4

0 回答 0