类型'typeof IonicModule'上不存在属性'forChild'

时间:2022-01-21 02:00:22

I'm using the ionic cli to generate the page using this command

我正在使用离子cli使用此命令生成页面

ionic generate page login
ionic g page login

then i get this error in browser

然后我在浏览器中收到此错误

Typescript Error
Property 'forChild' does not exist on type 'typeof IonicModule'.
E:/workspace/Ionic/myApp/src/pages/login/login.module.ts
imports: [
  IonicModule.forChild(Login),
],

also creating 4 items in login folder.

还在登录文件夹中创建4个项目。

1.login.html
2.login.ts
3.login.module.ts
4.login.scss

any body can solve this. here is login.module.ts

任何人都可以解决这个问题这是login.module.ts

import { NgModule } from '@angular/core';
import { IonicModule } from 'ionic-angular';
import { Login } from './login';

@NgModule({
  declarations: [
    Login,
  ],
  imports: [
    IonicModule.forChild(Login),
  ],
  exports: [
    Login
  ]
})
export class LoginModule {}

if i remove this line , app works fine.

如果我删除此行,应用程序工作正常。

 IonicModule.forChild(Login),

1 个解决方案

#1


14  

There is

IonicModule.forRoot(MyApp).

IonicModule.forRoot(MyApp的)。

Github link here.

Github链接在这里。

export class IonicModule {

/**
 * Set the root app component for you IonicModule
 * @param {any} appRoot The root AppComponent for this app.
 * @param {any} config Config Options for the app. Accepts any config property.
 * @param {any} deepLinkConfig Any configuration needed for the Ionic Deeplinker.
 */
 static forRoot(appRoot: any,  
                config: any = null, 
                deepLinkConfig: DeepLinkConfig = null): ModuleWithProviders {

For bootstrapping a single page you could try IonicPageModule.

要引导单个页面,您可以尝试IonicPageModule。

@NgModule({
   imports: [IonicModule],
   exports: [IonicModule]
})
export class IonicPageModule {

   static forChild(page: any): ModuleWithProviders {

Change your import to :

将导入更改为:

 imports: [
    IonicPageModule.forChild(Login),
  ]

Update:

更新:

Relevant links:IonicPage, IonicPageModule.

相关链接:IonicPage,IonicPageModule。

According to the google docs shared in discussion here this is introduced in ionic 3 for lazy loading of ionic pages.

根据此处讨论的谷歌文档,这是在离子3中引入的,用于延迟加载离子页面。

#1


14  

There is

IonicModule.forRoot(MyApp).

IonicModule.forRoot(MyApp的)。

Github link here.

Github链接在这里。

export class IonicModule {

/**
 * Set the root app component for you IonicModule
 * @param {any} appRoot The root AppComponent for this app.
 * @param {any} config Config Options for the app. Accepts any config property.
 * @param {any} deepLinkConfig Any configuration needed for the Ionic Deeplinker.
 */
 static forRoot(appRoot: any,  
                config: any = null, 
                deepLinkConfig: DeepLinkConfig = null): ModuleWithProviders {

For bootstrapping a single page you could try IonicPageModule.

要引导单个页面,您可以尝试IonicPageModule。

@NgModule({
   imports: [IonicModule],
   exports: [IonicModule]
})
export class IonicPageModule {

   static forChild(page: any): ModuleWithProviders {

Change your import to :

将导入更改为:

 imports: [
    IonicPageModule.forChild(Login),
  ]

Update:

更新:

Relevant links:IonicPage, IonicPageModule.

相关链接:IonicPage,IonicPageModule。

According to the google docs shared in discussion here this is introduced in ionic 3 for lazy loading of ionic pages.

根据此处讨论的谷歌文档,这是在离子3中引入的,用于延迟加载离子页面。