track runtime styleUrls #432

Activity

1. PatrickJS

   self-assigned this

   on Jun 9, 2016
2. PatrickJS

   added

   comp: universal

   P0: urgent

   on Jun 11, 2016
3. PatrickJS

   added

   P3: nice-to-have

   and removed

   P0: urgent

   on Jun 30, 2016
4. PatrickJS

   changed the title [-]track styleUrls[/-] [+]track runtime styleUrls[/+] on Jun 30, 2016
5. b091 commented on Jul 18, 2016

   

   b091

   on Jul 18, 2016

   More actions

   nice to have? So right now angular universal is only for angular using webpack?
6. ardiadrianadri commented on Aug 26, 2016

   

   ardiadrianadri

   on Aug 26, 2016

   More actions

   Hello:

   How is this issue? I don't know if it is related but, when I add a url style I get the next error in the browser:

   browser_adapter.js:84EXCEPTION: TypeError: s.replace is not a functionBrowserDomAdapter.logError @ browser_adapter.js:84
   browser_adapter.js:84STACKTRACE:BrowserDomAdapter.logError @ browser_adapter.js:84
   browser_adapter.js:84TypeError: s.replace is not a function
       at Function.StringWrapper.replaceAllMapped (http://localhost:3000/dist/app.bundle.js:34796:19)
       at Object.extractStyleUrls (http://localhost:3000/dist/app.bundle.js:40490:49)
       at http://localhost:3000/dist/app.bundle.js:48485:58
       at Array.map (native)
       at DirectiveNormalizer.normalizeStylesheet (http://localhost:3000/dist/app.bundle.js:48484:44)
       at DirectiveNormalizer.normalizeLoadedTemplate (http://localhost:3000/dist/app.bundle.js:48424:44)
       at DirectiveNormalizer.normalizeTemplateSync (http://localhost:3000/dist/app.bundle.js:48410:22)
       at DirectiveNormalizer.normalizeDirective (http://localhost:3000/dist/app.bundle.js:48386:44)
       at RuntimeCompiler._getCompiledTemplate (http://localhost:3000/dist/app.bundle.js:47319:189)
       at RuntimeCompiler._getTransitiveCompiledTemplates (http://localhost:3000/dist/app.bundle.js:47327:81)BrowserDomAdapter.logError @ browser_adapter.js:84
   zone.js:260Uncaught TypeError: s.replace is not a function
   

   This is the code of my component:

   import { Component, OnInit} from '@angular/core';
   import {ROUTER_DIRECTIVES} from '@angular/router';
   
   import {Menu} from './menu';
   import {MenuService} from './menu.service';
   
   @Component({
       selector:'my-menu',
       templateUrl:'../templates/menu.html',
       styleUrls: ['../templates/menu.css'],
       directives: [ROUTER_DIRECTIVES]  
   })
   export class MyMenu implements OnInit{
       public menuConfig: Menu;
   
       constructor(private menuService:MenuService){}
   
       private _getConfig(){
           this.menuService.getConfig().then(data => {
               console.log(JSON.stringify(data));
               this.menuConfig = data
           })
           .catch(error => {throw new Error(error)});
       }
   
       ngOnInit(){
           this._getConfig();
       }
   }
   

   And this is the css code of menu.css:

   nav {
       background-color: red;
   }
   
7. jeffwhelpley commented on Oct 3, 2016

   

   jeffwhelpley

   on Oct 3, 2016

   Contributor

   More actions

   @gdi2290 what is the status here?
8. PatrickJS commented on Oct 4, 2016

   

   PatrickJS

   on Oct 4, 2016

   Last edited by PatrickJS

   ContributorAuthor

   More actions

   we can close this. Developers should use webpack and angular2-template-loader
9. PatrickJS

   closed this as completedon Oct 4, 2016
10. dancancro commented on Jul 17, 2017

    

    dancancro

    on Jul 17, 2017

    More actions

    Removing keepUrl=true from angular2-template-loader?keepUrl=true in generator-jhipster generated code solved this problem for me that started after I refactored my app and moved things around. Maybe something else would have fixed it but the angular2-template-loader instructions say to use this option with file-loader which I'm not doing with template or style files. I'll update this if I find another way.
11. angular-automatic-lock-bot commented on Sep 4, 2019

    

    angular-automatic-lock-botbot

    on Sep 4, 2019

    More actions

    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.}
12. angular-automatic-lock-bot

    locked and limited conversation to collaborators on Sep 4, 2019