Trouble with angular-1.0.0-beta.28.3 and plotly.js

Please provide us with the following information:

OS?

Linux (Ubuntu)

Versions.

angular-cli: 1.0.0-beta.28.3
node: 6.9.1
os: linux x64
@angular/common: 2.4.5
@angular/compiler: 2.4.5
@angular/core: 2.4.5
@angular/forms: 2.4.5
@angular/http: 2.4.5
@angular/platform-browser: 2.4.5
@angular/platform-browser-dynamic: 2.4.5
@angular/router: 3.4.5
@angular/compiler-cli: 2.4.5

Repro steps.

App create from a previous version of angular-cli.
Since I update to 1.0.0-beta.28.3 my app doesn't anymore unless I remove Plotly.js from the scripts array in angular-cli.json :

"scripts": [
        "../node_modules/plotly.js/dist/plotly.js",
        "../node_modules/papaparse/papaparse.min.js"
      ],

When I remove Plotly.js everything come back to normal, but I can't use Plotly.js anymore :/

The log given by the failure.

No log, neither in my terminal and my console. The app stay on the 'Loading' state.

Mention any other details that might be useful.

---

Thanks! We'll be in touch soon.

[frederikaalund]

This is still a problem in the v1.0.0-beta.30 release.

[tarnasky]

This is problem with v1.0.0-rc.1 as well.

[filipesilva]

I have no idea what plotly is, how to use it, or how to reproduce this error.

Can you provide me with a simple repro I can follow to see this issue?

ng new plotlytest
cd ./plotlytest
npm i plotly.js --save

(at this point, if you do 'npm start', the page will display 'app works')

Now you need to add plotly into the .angular-cli.json scripts :

"scripts": [
       "../node_modules/plotly.js/dist/plotly.js"
      ],

npm start

You will see that the app stay on 'loading' state

[prateek0103]

@jderuere I have found a workaround for this. It happens because plotly.js imports es6-promise. Just comment out the linerequire('es6-promise').polyfill() in plotly.js. It'll work fine after that.

Another way is to import plotly.js before zone.js in src/polyfills.ts

[tarnasky]

@prateek0103 What was the line you added to src/polyfill.ts to import plotly.js?

[prateek0103]

@tarnasky in polyfill.ts, right before import 'zone.js/dist/zone'; Write import 'plotly.js/dist/plotly.js'

[sgentile]

I get this error:

browser.js:2 Uncaught Error: It appears that you're using glslify in browserify without its transform applied. Make sure that you've set up glslify as a source transform: https://github.com/substack/node-browserify#browserifytransform

[filipesilva]

Thanks for reporting this issue. This issue is now obsolete due to changes in the recent releases. Please update to the most recent Angular CLI version.

If the problem persists after upgrading, please open a new issue, provide a simple repository reproducing the problem, and describe the difference between the expected and current behavior.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}