Specifying the theme path in Angular2

I am trying to change the theme, used by ng2-ace-editor, to ‘clouds’ using this.editor.setTheme('clouds'). I tried various path variants like 'brace/theme/cloudsetc - to no avail. What is the way of setting thebasePath` (which I think I need) in Angular2 (TypeScript)?

Looked at AceEditorComponent.prototype.setTheme in ng2-ace-editor.js and saw the name of the theme is concatenated to ace/theme/- it does not work for me though. DevTools spit out a 404 because of http://localhost:4200/theme-clouds.js Wondering what the problem could be.

[moniuch]

My eye slipped over this comment:

//to use theme "eclipse" 
//with angular-cli add "../node_modules/ace-builds/src-min/ace.js" and "../node_modules/ace-builds/src-min/theme-eclipse.js" to "scripts" var into the file angular-cli.json 

now everything runs fine. Just unsure if npm rebuild was needed or restarting ng serve would suffice

[z3phyro]

@ScottSpittle Thank you for your insights… Finally what worked for me was to add this:

<script src="assets/ace/ace.js" type="text/javascript" charset="utf-8"></script>
  <script>
    const path = '/assets/ace';
    ace.config.set('modePath', path);
    ace.config.set('themePath', path);
    ace.config.set('workerPath', path);
  </script>

to the index.html on the root folder of the project. Of course this was adding all the needed files from ace-builds to the folder assets/ace.

I leave it here in case there is some one else that has to recur to this variant.