CODEWITHSUNDEEP
angularjsjhipsterui-ace
Sumit Vairagar
Sumit Vairagar

Reputation: 546

angular ui-ace production build not working in a jhipster project

I have a created a jhipster project 

  "jhipsterVersion": "4.3.0",

I am using this library for a text editor in my project.

https://github.com/angular-ui/ui-ace

Everything works super awesome in the dev mode. But when I deploy on prod "ace" cant find its dependent js files.

mode-javascript.js
mode-html.js
theme-monokai.js

I am not sure how to configure angular ace to get those files on production

THIS IS NOT A JHIPSTER ISSUE, but I am tagging it, hoping someone faced the same issue.

Thanks in Advance

Upvotes: 0

Views: 261

Answers (1)

Gaël Marziou
Gaël Marziou

Reputation: 16284

angular-ace bower.json file exposes only ui-ace.js file in its main property: https://github.com/angular-ui/ui-ace/blob/master/bower.json#L8 but instructions say you must include 3 files.

As JHipster prod build uses bower.json to know which file to inject in index.html, it results in your prod index.html having only ui-ace.js.

Ideally, you should report this to angular-ace author but as this project has not been changed for last 3 years, it's safer to fix it on your side. In fact, it'll be safer to use another project considering all the issues and pull request pending.

To fix it you must edit your app bower.json file and add a section for angular-ace to overrides main property and reference the 3 files. There is an example in your project bower.json for bootstrap: https://github.com/jhipster/jhipster-sample-app/blob/master/bower.json#L52-L56

Upvotes: 0

Related Questions