My settings can be found below. I wanted to utilize relative paths for the component, but unfortunately, I am encountering this issue:
Error: 404 GET /js/some.component.html
I am currently utilizing SystemJS.
some.component.ts
import { Component, OnInit } from '@angular/core';
@Component({
moduleId: module.id,
selector: 'relative-path',
templateUrl: 'some.component.html',
styleUrls: ['some.component.css'],
})
export class SomeRelativeComponent {
}
app.component.ts
import { Component } from '@angular/core';
import { SomeRelativeComponent } from './some.component';
@Component({
selector: 'my-app',
template: `<h1>My First Angular 2 App</h1>
<relative-path></relative-path>
`,
directives: [SomeRelativeComponent]
})
export class AppComponent { }
tsconfig.json
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"moduleResolution": "node",
"sourceMap": true,
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"removeComments": false,
"noImplicitAny": false,
"outDir": "./js"
}
}
Folder Structure:
https://i.sstatic.net/vnlUz.png
There seems to be an absence of some.component.html in the /js directory. How can I resolve this and save it there when my components are located in the /app directory?