сложность доступа к root в приложении angular 9

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, .s css) может отличаться в styleUrls, указанном в @Component, и в фактическом файле.

Answer 2

Прежде всего, вы действительно должны предоставить пример кода, который воспроизводит эту ошибку, чтобы пользователи могли вам легче помочь. Без кода мы просто догадываемся.

Если бы мне пришлось угадывать, я бы сказал, что ваша ошибка здесь:

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

Либо путь, который вы используете для своих файлов css, неверен, либо расширение файла не верный. По умолчанию Angular использует .s css, а не css. Может быть, попробовать изменить это и доложить?