Ошибка Angular: 1. Если «mat-card-actions» является компонентом Angular, убедитесь, что он является частью этого модуля
При компиляции получаю следующую ошибку:
- Если «mat-card» является компонентом Angular, убедитесь, что он является частью этого модуля.
- Если «mat-card» является веб-компонентом, добавьте «CUSTOM_ELEMENTS_SCHEMA» в «@NgModule.schemas» этого компонента, чтобы подавить это сообщение. [плагин angular-компилятора]
Я все правильно импортировал с помощью app.module.ts. Не знаю, почему у меня это получается?
Мой гитхаб: https://github.com/chrisspenceratx/myFlix-Angular-client
Ответы 1
Что ж, проблема заключается в том, как вы создали свой проект Angular и как вы пытаетесь его использовать.
Ваш проект был создан с использованием автономных компонентов Angular и автономной начальной загрузки, которая НЕ использует NgModule для ускорения приложения:
Вот ваш main.ts :
import { bootstrapApplication } from '@angular/platform-browser';
import { appConfig } from './app/app.config';
import { AppComponent } from './app/app.component';
bootstrapApplication(AppComponent, appConfig)
.catch((err) => console.error(err));
Функция bootstrapApplication используется для создания приложения Angular с использованием компонента, AppComponent используется для загрузки приложения, а ваш AppModule полностью игнорируется, что делает импорт, сделанный вами внутри него, бесполезным.
Чтобы решить эту проблему, вы можете либо преобразовать остальную часть вашего приложения в автономный компонент и избавиться от вашего app.module, либо загрузить приложение с помощью функции bootstrapModule.
Вот чем вы можете заменить свой main.ts:
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.error(err));
Это должно исправить ошибки импорта.
Я бы сказал, что это, вероятно, исходит от серверной части вашего приложения, поскольку оно также настроено как автономное. Я бы посоветовал вам либо переключиться на автономный компонент, либо пересоздать приложение без автономного компонента.
Можете ли вы посмотреть мой текущий github? Я ввел standalone: true для всех своих страниц с @Component, и это все равно не работает (я не могу поделиться снимком экрана в этом комментарии, иначе я бы это сделал). Теперь я получаю это в своем терминале: TS-996008: Компонент AppComponent является автономным и не может быть объявлен в NgModule. Вы хотели вместо этого импортировать его? [плагин angular-compiler] src/app/app.module.ts:21:8: 21 │ AppComponent,
Я думал, что ввод операторов standalone: true переключит его в автономный режим, нужно ли мне сделать что-то еще?
Я только что начал все сначала, без автономного режима, и теперь все работает. спасибо за помощь!
Я рад, что это решило вашу проблему. Не могли бы вы принять ответ, чтобы вопрос был закрыт?
Я нажал галочку, это принимает ответ? Никогда не писал в stackoverflow, поэтому не уверен
Огромное спасибо, что исправили ошибки импорта! Однако теперь я получаю отдельную ошибку. Подскажите, пожалуйста, что теперь делать? Ошибка: NG0907: компонент _AppComponent не помечен как автономный, но Angular предполагает наличие здесь автономного компонента. Убедитесь, что компонент _AppComponent имеет флаг
standalone: trueв декораторе.