我正在尝试将我的Angular 4项目中的文件分成子文件夹。正如你们许多人所知,一旦你开始添加越来越多的组件,添加templateURL的[1, 2, 3, 4, 5, 6]
个文件会在单个文件夹中变得很麻烦。
我试图将我的文件结构设置为:
.html
但是当我尝试使用components (folder)
-- about.component.ts
html (folder)
-- about.component.html
css (folder)
-- about.component.css
文件中的相对路径时,它会向我发出错误,告诉我该文件不存在。
这是错误:
about.component.ts
这是我的组件的样子:
GET http://localhost:3000/app/components/app/components./html/about.component.html 404 (Not Found)
我正在使用commonjs和在线阅读文章,import { Component } from '@angular/core';
@Component({
module: module.id,
selector: 'about',
templateUrl: '../html/about.component.html',
styleUrls: ['../css/about.component.css']
})
export class AboutComponent{}
应该可以解决这个问题,但它仍然告诉我,当他们显然没有时,templateURL和styleURL不存在。
感谢您的帮助!