NestJs Angular Universal不起作用-启用离线持久性时出错

Question

使用最新版本的angular，angularfire和angular Universal时出现此错误。

ng服务

常规服务没问题...

ng add @ nestjs / ng-universal

添加了通用功能，似乎安装得很好...

npm运行build：ssr

似乎可以编译，有一些警告，但没有错误...

npm run serve：ssr

似乎可以正常工作，直到我通过此错误将页面加载到本地主机上为止：

启用离线持久性时出错。退回持久性禁用：错误：ENOENT：没有这样的文件或目录，打开'C：\ angular projects \ testProject \ dist \ testproject \ server \ src \ protos \ google \ firestore \ v1 \ firestore.proto'

--------- 更新 -----------

我删除了dist文件夹并重新构建，现在我只收到此错误：

错误：ENOENT：没有这样的文件或目录，请打开'google / protobuf / api.proto'

这里是完整的错误：

PS C:\angular projects\testapp.io> npm run serve:ssr

> [email protected] serve:ssr C:\angular projects\testapp.io
> node dist/testapp/server/main.js

C:\angular projects\testapp.io\dist\testapp\server\main.js:1
!function(e,a){for(var i in a)e[i]=a[i]}(exports,function(modules){var installedModules={},installedChunks={1:0};function __webpack_require__(moduleId){if(installedModules[moduleId])return installedModules[moduleId].exports;var module=installedModules[moduleId]={i:moduleId,l:!1,exports:{}};return modules[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.l=!0,module.exports}return __webpack_require__.e=function requireEnsure(chunkId){if(0!==installedChunks[chunkId]){var chunk=require("./"+({0:"firebase-functions",2:"vendors~firebase-auth",3:"vendors~firebase-functions"}[chunkId]||chunkId)+".js"),moreModules=chunk.modules,chunkIds=chunk.ids;for(var moduleId in moreModules)modules[moduleId]=moreModules[moduleId];for(var i=0;i<chunkIds.length;i++)installedChunks[chunkIds[i]]=0}return Promise.all([])},__webpack_require__.m=modules,__webpack_require__.c=installedModules,__webpack_require__.d=function(exports,name,getter){

Error: ENOENT: no such file or directory, open 'google/protobuf/api.proto'
    at Object.openSync (fs.js:443:3)
    at Object.readFileSync (fs.js:343:35)
    at fetch (C:\angular projects\testapp.io\dist\testapp\server\main.js:1:1329786)
    at Root.load (C:\angular projects\testapp.io\dist\testapp\server\main.js:1:1330192)
    at Root.loadSync (C:\angular projects\testapp.io\dist\testapp\server\main.js:1:1330372)
    at Object.loadSync (C:\angular projects\testapp.io\dist\testapp\server\main.js:1:2416566)
    at Object.8ZNE (C:\angular projects\testapp.io\dist\testapp\server\main.js:1:1845817)
    at __webpack_require__ (C:\angular projects\testapp.io\dist\testapp\server\main.js:1:317)
    at Object.BYZf (C:\angular projects\testapp.io\dist\testapp\server\main.js:1:1943982)
    at __webpack_require__ (C:\angular projects\testapp.io\dist\testapp\server\main.js:1:317)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] serve:ssr: `node dist/testapp/server/main.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] serve:ssr script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\jdgam\AppData\Roaming\npm-cache\_logs\2020-04-14T06_52_22_707Z-debug.log
PS C:\angular projects\testapp.io> 

Answer 1

所以事实证明，这与Angular 9中的Ivy有关。请确保将@ firebase / firestore添加到externalDependencies，因为显然它需要手动导入：

        "server": {
          "builder": "@angular-devkit/build-angular:server",
          "options": {
            "outputPath": "dist/fireblog/server",
            "main": "server.ts",
            "tsConfig": "tsconfig.server.json",
            "externalDependencies": [
              "@firebase/firestore",
              "@nestjs/microservices",
              "@nestjs/microservices/microservices-module",
              "@nestjs/websockets",
              "@nestjs/websockets/socket-module",
              "cache-manager"
            ]
          },

https://github.com/angular/angularfire/issues/2320