角：无法添加属性resumeBootstrap，对象是不可扩展

Question

我已经升级/混合AngularJS /角2应用程序，我得到这个错误：

Unhandled Promise rejection: Cannot add property resumeBootstrap, object is not extensible ; Zone: ; Task: Promise.then ; Value: TypeError: Cannot add property resumeBootstrap, object is not extensible at UpgradeModule.bootstrap (upgrade_module.ts:259)

在该位置的源代码是：

// Make sure resumeBootstrap() only exists if the current bootstrap is deferred 
const windowAngular = (window as any)['angular']; 
windowAngular.resumeBootstrap = undefined; 

我的代码工作正常。引入最新的Angular变化似乎导致了这一点。

这里是我的启动代码：

import {platformBrowser} from '@angular/platform-browser'; 
import {UpgradeModule} from '@angular/upgrade/static'; 

import {AppModuleNgFactory} from './app_module.ngfactory'; 

angular.element(document.body).ready(() => { 
    platformBrowser() 
     .bootstrapModuleFactory(AppModuleNgFactory) 
     .then(platformRef => { 
     const upgrade = 
      platformRef.injector.get(UpgradeModule) as UpgradeModule; 
     // This is the line that fails: 
     upgrade.bootstrap(document.body, ['foo-obfuscated'], {strictDi: false}); 
}); 

更新：我想在我的AppModule移动upgrade.bootstrap调用ngDoBootstrap像角升级文档例子，但这并没有改变任何东西。

Answer 1

解决方法：只要引导之前，克隆window.angular对象，因此这将是扩展再次：

function clone(original: any) { 
    const clone: any = {}; 
    const keys = Object.keys(original); 
    for (let i = 0; i < keys.length; i++) { 
    clone[keys[i]] = original[keys[i]]; 
    } 
    return clone; 
} 
(window as any)['angular'] = clone((window as any)['angular']); 

platformBrowser().bootstrapModuleFactory(AppModuleNgFactory); 

Answer 2

需要让我的网页加载Closure之前运行此代码：

// Closure Defines specific to AngularJS that must be set before Closure's 
// base.js is loaded. See documentation in base.js. 

// Sealing classes & modules is incompatible with AngularJS' $inject property. 
var CLOSURE_DEFINES = { 
    'goog.defineClass.SEAL_CLASS_INSTANCES': false, 
    'goog.SEAL_MODULE_EXPORTS': false 
};