Angular生产模式entryComponents不太起作用
Angular生产模式中的entryComponents属性在某些情况下可能不起作用。entryComponents属性用于声明在模块中使用的动态组件，这些组件不会在模板中被直接引用，而是通过代码动态加载和创建。
在Angular的开发模式中，entryComponents属性是必需的，因为它告诉Angular编译器哪些组件可能会被动态加载。但是，在生产模式中，Angular编译器会进行优化，只会保留那些在模板中被直接引用的组件，而忽略entryComponents中声明的组件。
这种情况下，可以通过以下几种方式解决entryComponents不起作用的问题：
- 使用静态组件引用：将entryComponents中声明的组件在模板中直接引用一次，即可确保它们在生产模式中被保留。
- 使用NgModuleFactoryLoader手动加载组件：在代码中使用NgModuleFactoryLoader手动加载entryComponents中声明的组件。这样可以绕过Angular编译器的优化，确保这些组件在生产模式中被正确加载。
- 使用动态组件加载器：使用第三方库或自定义的动态组件加载器，例如Angular的ComponentFactoryResolver，来动态加载entryComponents中声明的组件。
需要注意的是，以上解决方案都需要在代码中进行相应的修改和配置。具体的实现方式和代码示例可以参考Angular官方文档和相关教程。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云数据库MySQL版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
这样的组件必须在带有entryComponents的模块中引用。这在开发模式下工作得很好，但是一旦我尝试生产，它就不再工作了。 在构建过程中也没有错误/警告。事情就这样停止了。有一条针对entryComponents的@deprecated评论说，使用它不再是必要的，但显然没有错。 即使我将entryComponents移入app.module.ts，prod模式仍然失败。当使用ng serve运行应用程序时，一切都很好，但是使用ng serve --prod尝试生产<
浏览 29提问于2020-12-08得票数 0
当我们在index.html中使用angular自定义元素标签，并使用量角器运行我们的e2e测试时，它会导致超时，因为在页面中找不到angular，因为对于Angular web组件，只有entryComponents因为构建用于部署为自定义元素的angular应用程序不需要引导组件。
浏览 11提问于2021-04-09得票数 0
1回答
我想在ionic 5中打开一个模态，但是不知何故我找不到component.module.ts文件，在这个文件中我可以导出我想要使用的模态/组件。他们有没有改变这个系统，ionic 5是怎么做到的？你知道关于这方面的文档吗？整个系统似乎都发生了变化，就像总是有一个page-routing.module.ts。在每个页面文件中。
浏览 11提问于2020-01-27得票数 1
我有ngx-bootstrap模式组件。此模式在shared文件夹中使用。: [ ]import { CommonModule } from '@angular
浏览 26提问于2019-03-23得票数 5
回答已采纳
ModalService this.componentRef.destroy();我不确定这是否是最好的选择，但它不起作用Did you add it to Did you add it
浏览 0提问于2019-02-06得票数 2
回答已采纳
drainMicroTaskQueue (zone-evergreen.js:569)
这对我不起作用我在上面找到并尝试过的链接，但没有起作用：
<ion-content> <ion-row/core';
impor
浏览 6提问于2020-05-27得票数 2
1回答
我第一次使用下面的代码制作了我的应用程序。我加了几页。有些页面有组件可以推送到另一个页面。为了简化，假设页面层次结构如下所示。side menu -> page4 在page2或page3中，我希望用户通过滑动回到page1或page2。在page1、page4或page5中，我希望用户通过滑动打开侧菜单。但是在教程实现中，我总是通过滑动打开侧菜单。
我现在该怎么办？我为我的
浏览 2提问于2016-12-11得票数 0
回答已采纳
我添加了一个子组件(CreatePrefixComponent)，用于在按钮单击时显示弹出模式。Did you add it to @NgModule.entryComponents?} from '@angular/common';import { RouterModule } from '@angular/route
浏览 0提问于2018-10-09得票数 0
回答已采纳
2回答
@NgModule({ entryComponents: [ModalComponent],})我就是这样展示我的模式的： const modal = await this.ui.modalController.create({/c
浏览 0提问于2019-01-14得票数 4
我正在尝试使用MatDialog，并基于实现了该对话框，如下所示：import {Router} from '@angular/router';import {MAT_
浏览 0提问于2017-11-12得票数 22
回答已采纳
下面是comment.module.ts的代码import { IonicModule } from '@ionic/angular'; import { FormsModule } from '@angular/formsmodal
浏览 2提问于2020-08-13得票数 3
/angular/angular.js:5003:19) '@angular/core': 'npm:@angular/core/bundles/
浏览 3提问于2017-06-28得票数 4
回答已采纳
我的index.html文件angular2有以下内容：我希望，当我在(npm运行构建)默认模式(开发模式)构建它时，它应该是但是当我以生产模式(npm运行构建目标=生产)构建它时，它应该是我是angular1方面的专家，但对angular2来说是新手，但我尝试在index.ts
浏览 0提问于2017-04-25得票数 0
回答已采纳
这个问题的最新修正建议将页面类添加到声明和entryComponents中，但它不起作用。app.module.tsimport { IonicApp, IonicModule } from 'ionic-angularHomePage, ], IonicModule.forRoot(MyApp) bootstrap
浏览 2提问于2016-12-01得票数 0
回答已采纳
1回答
我正在为我的确认模式创建一个使用MatDialog的单元测试。我的第一个测试是应该创建组件的基本测试。以下是我的spec文件代码。{ CommonModule } from '@angular/common';importuseValue: {} }, }).overrideModule(BrowserDynamicTestingModule,
浏览 16提问于2019-01-10得票数 1
1回答
我在调试模式下构建了一个应用程序，该应用程序在设备上运行良好，但是当我尝试发布版本时，我得到了这样的错误：我使用离子生成页面生成一个页面，它有4个文件。my-page.ts
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular: [ IonicModule.forRoot(MyApp) bootstrap: [Ionic
浏览 2提问于2017-09-08得票数 0
回答已采纳
2回答
我有一个表单放在模式中，它应该在用户单击按钮时打开，但是当用户加载页面时它就会自动打开。我已经将我的模态导入到我的页面module.ts文件中，它使模态自动打开。Did you add it to @NgModule.entryComponents?Did you add it to @NgModule.entryComponents?
如果我将我的模式添加到模块页面，它将自动打开。{ CommonModule } from '@angular/com
浏览 0提问于2019-08-22得票数 1
回答已采纳
我把我的angular7升级到angular8，我注意到我的webpack版本从4.33.0降到了4.30.0。angular8支持动态导入，所以我想使用webpack的“魔法评论”来定制我的angular模块块名称，但它不起作用。
浏览 0提问于2019-06-12得票数 1
只有在我需要它的时候才会加载language-change，而且它可以在其他页面上工作，但在这里不起作用。我是side-menu.moduleimport { IonicPageModule } from "ionic-angularIonicPageModule.forChild(SideMenuPage), ],
expo
浏览 2提问于2018-11-07得票数 0
我刚接触Angular，似乎已经陷入了深水之中，因为它看起来应该是简单的。我在使用ngx-bootstrap模式对话框时遇到问题。我使用的是ModalContentComponent模式。this.myService.sort(); }constructor，我不得不将ModalContentComponent添加到app.module.ts entryComponent
浏览 5提问于2018-04-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
