Could not find an NgModule. Use the skip-import option to skip importing in NgModule. [ERROR] Could not generate page

Ionic Framework
1

I start a new app and I tried to generate a new page. and I couldn’t because the following error is showing

Could not find an NgModule. Use the skip-import option to skip importing in NgModule.
[ERROR] Could not generate page.
1 Like
2

Finally found a solution

I had to go to src/app and run the command.


ionic generate page pages/first

then It worked as before

1 Like
3

Thank you for this solution
When I do this, it get the new folder in the main of the folder, not in the subfolders src/app

I need to enter src/app/name to create the page name in the right folder

Ionic version
6.11.1

2 Likes
4

use ng g c my-test/paper and import this component in module

5

yeah I’m also having the same issue due to this new version. But routing was generating fine.

6

Hi, can you explain little bit more?

7

it is a bug in the current version of the ionic logo and must be corrected.

this should work by the hour …
ionic g page src/app/pages/{name-of-your-page}

8

Hi, is the bug fixed?

9

yes update to latest version
npm i @ionic/angular-toolkit@2.3.3 --save-dev

1 Like
10

This was a bug in ionic v6. Now it seems to be fixed. :relieved: :relieved: :relieved:

Will let this be in the forum for anyone who is struggling with this issue.

11

thx. thats its the solution to back to normality :slightly_smiling_face:

12

If you still have Problems with this Issue, check the following:

1. File need to be present:

app-routing.module.ts

2. Angular default Project need to be app

"projects": {
        "app": {

3. angular.json need to have the following content:

"cli": {
        "defaultCollection": "@ionic/angular-toolkit",
        "analytics": false
    },
    "schematics": {
        "@ionic/angular-toolkit:component": {
            "styleext": "scss"
        },
        "@ionic/angular-toolkit:page": {
            "styleext": "scss"
        }
    }

4. Ionic angular Toolkit need to be installed

"@ionic/angular-toolkit"

5. ionic.config.json file need to be in the root of the project

{
    "name": "project",
    "type": "angular",
    "id": ""
}
2 Likes
13

this fix the issue for me. I would have upvoted this if I could.

14

In 2024+, newer versions of Angular use standalone components by default. If you try to add ionic to an existing project, you will get this error as it try to use modules.

Make sure your schematics specify standalone for the schematics to avoid the NgModule import error.

"schematics": {
    "@ionic/angular-toolkit:component": {
      "styleext": "scss",
      "standalone": true
    },
    "@ionic/angular-toolkit:page": {
      "styleext": "scss",
      "standalone": true
    }
  }