TypeError：无法读取未定义的属性“CreateObjectURL”

Question

我们有一个 Angular 应用程序，我正在尝试在我们现有的 Angular 搜索引擎优化和链接预览应用程序中实现服务器端渲染 (SSR)：

Angular Version: 8.2.3

我执行的将其转换为SSR的步骤：

1. 使用 Angular CLI 添加Angular Universal

ng add @nguniversal/express-engine --clientProject {{ name of your project }}

1. 我正在使用的构建命令

npm run build:ssr && npm run serve:ssr

1. 我使用 domino 在 server.ts 添加的窗口对象和其他填充物

import fs from 'fs';
const template = fs.readFileSync(join(DIST_FOLDER, 'index.html')).toString();
import { Blob } from "blob-polyfill";

const win = domino.createWindow(template);
global['window'] = win;
global['document'] = win.document;
global["branch"] = null;
global["object"] = win.object;
global["HTMLElement"] = win.HTMLElement;
global["navigator"] = win.navigator;
global['Blob'] = Blob;

/** NOTE :: leave this as require() since this file is built Dynamically from webpack */
const {AppServerModuleNgFactory, LAZY_MODULE_MAP, ngExpressEngine, provideModuleMap} = require('./dist/server/main');

/** Our Universal express-engine (found @ https://github.com/angular/universal/tree/master/modules/express-engine) */
app.engine('html', ngExpressEngine({
  bootstrap: AppServerModuleNgFactory,
  providers: [
    provideModuleMap(LAZY_MODULE_MAP)
  ]
}));

我试图检查它是否是任何 3rd 方包，如果它导致错误，我可以理解它是 aws-aplify-angular，在其中，有 aws-lex-audio.js 包含导致该错误的行。甚至我也没有使用包含该文件的interactions module。但仍然没有运气。

我尝试过的解决方案，

如果有帮助，我尝试使用放大模块化方法排除 interactions 模块

    {
        provide: AmplifyService,
        useFactory:  () => {
          return AmplifyModules({
            Auth,
            Storage,
          });
        }
    },
]

有什么办法可以消除这个错误？

Answer 1

这里的问题是您使用的是aws-amplify-angular，并且您在模块中的某个位置导入了它。

这也将导入交互模块，即使您不需要使用它。只要确保不要使用这个模块就可以了。