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中引入的,用于延迟加载离子页面。