Блог

Главная - Вопросы по программированию - Ionic5: разница между «ионной сборкой» и «ионной сборкой -prod»

Ionic5: разница между «ионной сборкой» и «ионной сборкой -prod»

#angular #ionic-framework #ionic5

#угловатый #ионный каркас #ionic5

Вопрос:

У меня возникла проблема, когда я создавал свое приложение Ionic5. Ошибка возникает из-за пользовательского компонента, который включает в себя плагин (ionic4-автозаполнение).

Если я создаю для производства (ionic build —prod), я всегда получаю следующую ошибку:

 src/app/components/skill-autocomplete/skill-autocomplete.component.html:42:7 - error NG8001: 'ion-label' is not a known element:
1. If 'ion-label' is an Angular component, then verify that it is part of this module.
2. If 'ion-label' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

Если я создаю его без флагов (ионная сборка), он работает, и я не получаю никаких ошибок.

Странность заключается в том, что модуль именованного пользовательского компонента (и любой другой модуль тоже) уже имеет импортированные IonicModule, CUSTOM_ELEMENTS_SCHEMA и NO_ERRORS_SCHEMA. Так что я не понимаю, почему я получаю эту ошибку?

Вот и вся аннотация модуля:

 @NgModule({
  declarations: [
    SkillAutocompleteComponent,
    AutoCompleteComponent,
    SkillsModalPage,
    BoldPrefix
  ],
  imports: [CommonModule, IonicModule],
  exports: [SkillAutocompleteComponent],
  schemas: [CUSTOM_ELEMENTS_SCHEMA, NO_ERRORS_SCHEMA]
})

У вас есть какие-нибудь идеи, почему это появляется только с флагами? Я думал, что флаг «—prod» предназначен только для другой среды и оптимизирует код?

Заранее благодарю вас и будьте здоровы М.

Комментарии:

1. также добавьте BrowserModule в свой массив импорта. import { BrowserModule } from '@angular/platform-browser'; внутренний app.module.ts файл

2. Я полагаю, что добавление --prod флага делает компоновку кода более строгой, что может быть причиной того, что вы видите эти ошибки только при попытке компиляции с помощью этой команды.

3. @zeropsi верен. Вы можете узнать больше здесь: angular.io/guide/deployment#production-optimizations

4. У вас есть более одного модуля? Есть ли у вас какие-либо тесты spec.ts, которые выполняются? Вам действительно не нужны какие-либо схемы, если вы импортируете правильно.

5. извините за мой поздний ответ. BrowserModule, который я уже импортировал в свой app.module.ts. Я прочитал руководство, но это не очень помогает. @Porter Lyman: Да, у меня их несколько, и в каждом модуле я уже импортировал схему, но это не помогает.