Skip to content

Problem with rxjs 6.x in umd bundles #11299

@uparlange

Description

@uparlange

Bug, feature request, or proposal:

BUG - Problem with rxjs 6.x in umd bundles.

What is the expected behavior?

Application should load without errors.

What is the current behavior?

Application can't load... many errors in console.

Uncaught TypeError: Cannot read property 'operators' of undefined
at MutationObserverFactory.create (cdk-observers.umd.js:11)
at cdk-observers.umd.js:12

Same problem in

  • cdk-a11y.umd.js
  • cdk-layout.umd.js
  • cdk-scrolling.umd.js
  • cdk-overlay.umd.js
  • cdk-text-field.umd.js
  • cdk-table.umd.js
  • cdk-tree.umd.js
  • material.umd.js

What are the steps to reproduce?

https://unpkg.com/@angular/cdk@6.0.1/bundles/cdk-observers.umd.js

(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/coercion'), require('@angular/core'), require('rxjs'), require('rxjs/operators')) :
typeof define === 'function' && define.amd ? define('@angular/cdk/observers', ['exports', '@angular/cdk/coercion', '@angular/core', 'rxjs', 'rxjs/operators'], factory) :
(factory((global.ng = global.ng || {}, global.ng.cdk = global.ng.cdk || {}, global.ng.cdk.observers = {}),global.ng.cdk.coercion,global.ng.core,global.Rx,global.Rx.operators));
}(this, (function (exports,coercion,core,rxjs,operators) { 'use strict';

should be

(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/cdk/coercion'), require('@angular/core'), require('rxjs'), require('rxjs/operators')) :
typeof define === 'function' && define.amd ? define('@angular/cdk/observers', ['exports', '@angular/cdk/coercion', '@angular/core', 'rxjs', 'rxjs/operators'], factory) :
(factory((global.ng = global.ng || {}, global.ng.cdk = global.ng.cdk || {}, global.ng.cdk.observers = {}),global.ng.cdk.coercion,global.ng.core,global.rxjs,global.rxjs.operators));
}(this, (function (exports,coercion,core,rxjs,operators) { 'use strict';

What is the use-case or motivation for changing an existing behavior?

Application should load without errors.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular & Material 6+
All OS
All browsers
Application developped in ecmascript

Is there anything else we should know?

Everything should be clear !

Metadata

Metadata

Assignees

Labels

P3An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions