导入模块时出现离子3路径错误

Posted 2021-04-17

在app.module.ts中导入模块时，我得到了下图中的错误

错误：https://i.stack.imgur.com/yBSf1.jpg

这似乎是路径引用的问题，因为我正在导入

import { LoginPageModule } from '../pages/login/login.module';

似乎我应该把完整的路径，但当我尝试：

import { LoginPageModule } from 'src/app/pages/login/login.module';

我收到一条错误，说“未找到路径”，或者图片中的错误返回

由于我是一个完整的初学者，我不知道该怎么做。有帮助吗？

答案

不要导入“LoginPageModule”你可以直接在你想要的地方使用引号（“LoginPage”）中的类名。

LoginPageModule.ts

import { IonicPageModule } from 'ionic-angular';
import { LoginPage } from './Login';

@NgModule({
  declarations: [
    LoginPage,
  ],
  imports: [
    IonicPageModule.forChild(LoginPage),
  ],
})
export class LoginPageModule {}

LoginPage.ts

import { IonicPage } from 'ionic-angular';
@IonicPage()
@Component({
  selector: 'page-login',
  templateUrl: 'login.html',
})
export class LoginPage {
}

app.component.ts

rootPage:any = "LoginPage";