Field＆＃39;浏览器＆＃39;不包含有效的别名配置角度编译错误

Question

任何人都可以帮我解决这个问题吗？

我试图将文件分成文件夹

应用

• 库
  • 组件
    • home.component.ts
• 样式
  • home.component.css
• 的观点
  • home.component.html

这是我的home.component.ts

@Component({
selector: 'app-home',
templateUrl: './views/home.component.html',
styleUrls: ['./styles/home.component.css'],
})

这是错误

./src/app/libraries/component/home.component.ts
Module not found: Error: Can't resolve './styles/home.component.css' in 
'C:\wamp64\www\angularpractice\src\app\libraries\component'
@ ./src/app/libraries/component/home.component.ts 22:21-60
@ ./src/app/routing-config.module.ts
@ ./src/app/app.module.ts
@ ./src/main.ts
@ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

Answer 1

css文件与ts文件不在同一个文件夹中，它是2层以上，所以路径是

'../../styles/home.component.css'

HTML文件路径相同。

|--libraries
  |--components
    |--.ts
|--styles
  |--.css
|--views
  |--.html