来自子模块的相对路径

Question

我正在改进我的 angular 5 项目。

我的第一步是分离模板、scss 和 typescript。

它通常没有任何问题，但某些特定文件夹找不到文件，我无法理解发生了什么。

这不起作用，html 找不到 scss 文件

@Component({
   selector: 'myComponetLevel3',
   template: './myComponentLevel3.component.html',
   styles: ['./myComponentLevel3.component.scss']
})

这个有效：

@Component({
   selector: 'myComponetLevel3',
   template: `<div class="myClass"></div>`,
   styles: [`
      .myClass {
           color: #aaaaaa;
      }
   `]
 })

文件夹结构

--project_folder
  --src
    --app
      --myComponent
        --myComponentLevel2
          --myComponentLevel3
            --myComponentLevel3.component.ts
            --myComponentLevel3.component.scss
            --myComponentLevel3.component.html

如何访问 html 和 scss 文件？

Answer 1

我发现了错误。

我没有更改模板 <--> templateUrl 和样式 <--> stylesUrls。应该是：

@Component({
   selector: 'myComponetLevel3',
   templateUrl: './myComponentLevel3.component.html',
   styleUrls: ['./myComponentLevel3.component.scss']
})

来自子模块的相对路径

relative route from module child

angular-components

angular5