在Angular 9应用中访问root有困难

Question

ERROR in ./src/app/app.component.ts

Module not found: Error: Can't resolve './app.component.css' in '/home/tjay/produce-market/src/app'
ERROR in ./src/app/produce/create-produce/create-produce.component.ts
Module not found: Error: Can't resolve './create-produce.component.css' in '/home/tjay/produce-market/src/app/produce/create-produce'
ERROR in ./src/app/produce/produce-item/produce-item.component.ts
Module not found: Error: Can't resolve './produce-item.component.css' in '/home/tjay/produce-market/src/app/produce/produce-item'
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
ℹ ｢wdm｣: Failed to compile.

Answer 1

中的文件名（或扩展名，如.css、.scss）可能不同。styleUrls 中指定的 @Component，以及实际的文件。

Answer 2

首先，你真的应该提供一些重现这个错误的代码示例，这样用户可以更容易地帮助你。没有任何代码，我们真的只是在猜测。

如果我必须要猜的话，我会说你的错误就在这里。

@Component({
  selector: 'create-produce',
  templateUrl: './produce-item.component.html'',
  styleUrls: ['./produce-item.component.css'] // problem lies here
})

要么是你使用的css文件路径不正确，要么是文件扩展名不正确。默认情况下，Angular使用的是.scss而不是.css。也许你可以试着改变一下，然后向我汇报。