Angular 7应用程序中的MongoDB Stitch

时间:2019-04-13 16:10:03

标签: angular mongodb mongodb-stitch

我正在尝试在Angular 7应用程序中添加与MongoDB Stich的连接,但应用程序失败并出现错误:

  

bson.browser.esm.js:453未捕获的ReferenceError:全局未定义

我正在使用Angular 7.2.12,并安装了mongodb-stitch-browser-sdk v 4.3.2

我正在使用MongoDB网站上DB Stitch应用程序客户端设置下的代码。

import { Component, OnInit } from '@angular/core';
import { Stitch, RemoteMongoClient, AnonymousCredential} from 'mongodb-stitch-browser-sdk'

@Component({
  selector: 'app-alfabetisk',
  templateUrl: './alfabetisk.component.html',
  styleUrls: ['./alfabetisk.component.css']
})
export class AlfabetiskComponent implements OnInit {

  constructor() { }

  ngOnInit() {
    const client = Stitch.initializeDefaultAppClient('app-id');
  }
}

该应用程序在ngOnInit()中失败,并显示以下错误:

  

bson.browser.esm.js:453未捕获的ReferenceError:全局未定义       在Module ../ node_modules / bson / dist / bson.browser.esm.js(bson.browser.esm.js:453)       位于 webpack_require (引导程序:78)       在Module ../ node_modules / mongodb-stitch-core-sdk / dist / esm / index.js(index.js:1)       位于 webpack_require (引导程序:78)       在Module ../ node_modules / mongodb-stitch-browser-core / dist / esm / index.js(index.js:1)       位于 webpack_require (引导程序:78)       在Module ../ node_modules / mongodb-stitch-browser-sdk / dist / esm / index.js(index.js:1)       位于 webpack_require (引导程序:78)       在Module ../ src / app / alfabetisk / alfabetisk.component.ts(main.js:95)       在 webpack_require (引导程序:78)

1 个答案:

答案 0 :(得分:1)

将其添加到Angular 6+的polyfills.ts中

/** Add global to window */
(window as any).global = window;