view - images - ¿Rutas relativas de Angular2 para templateUrl y styleUrls?

image angular 6

Question

Mientras buscaba encontré algo llamado moduleId para establecer las rutas relativas de la plantilla y los archivos CSS, pero no sé exactamente cómo usar moduleId en nuestros componentes de angular2.

En realidad, el problema está en la estructura de mi carpeta. Estoy cargando todos mis archivos .js desde la carpeta dist mientras que mi vista (archivos .html) está en la carpeta src . Entonces, cuando uso moduleId: module.id como este angular tomé la ruta de la carpeta dist , en lugar de la carpeta src.

Entonces, ¿alguien aquí me ayuda a decirme cómo configurar el ID de módulo personalizado para mi componente angualr2?

Mi estructura de carpetas así.

                                  App
                                  //
                                 /  /
             (.js + .map files)Dist    Src(.ts + .html + .css files)

• Folder Dist contiene todos los archivos .map y .js
• Folder src contiene todos los archivos .ts, .HTML y .css.

Codificación real (en funcionamiento) -

@Component({
    selector: ''class-timing'',
    templateUrl: ''src/components/TimeTable/class-timing/class-timing.html'',
    styleUrls: [''src/app.css'']
})

Codificación modificada (no funciona debido a una ruta incorrecta) -

@Component({
    selector: ''class-timing'',
    templateUrl: ''class-timing.html'',
    moduleId: module.id,
    styleUrls: [''src/app.css'']
})

En referencia a este tutorial http://schwarty.com/2015/12/22/angular2-relative-paths-for-templateurl-and-styleurls/

Answer 1

También tuve algunas preguntas sobre qué funcionaba y qué no funcionaba para las rutas de TemplateUrl. Descubrí que lo siguiente era cierto en mi prueba:

templateUrl: ''nombre de carpeta / nombre de archivo'' no funcionó

templateUrl: ''/ nombre de carpeta / nombre de archivo'' no funcionó

templateUrl: ''./folder name / file name'' Funcionó

así que puedes intentarlo.

Answer 2

Resolví mi problema cambiando la ruta (de src a dist ) de importar el archivo en el tiempo de ejecución como este: -

moduleId: module.id.replace("/dist/", "/src/")

Al hacerlo, puede cambiar el directorio de ruta de la ID del módulo.

gracias a @Nicolai por este impresionante comentario

PD: - Publicar como respuesta puede ayudar a alguien