Ionic extension in vs code doesnt create new project on a windows system

Ionic Framework
1

Hi,

the ionic extension in vs code is not able to create a new project on a windows system. The is probably related to the composition of the project directory and the project name, because slashes are used there (e.g.: /E:/ionic-workspace\projectname ). When I press the create button, nothing happens. The ionic extension (v1.49.0) was released in early August and no one has noticed it yet. This means that I am probably the only one who works with this extension on Windows :wink:

2

Seems the ionic extension is totally broken. When I try to create a new page I get the message:

[Ionic] Creating Angular page named pages/testpage2…

[error] Could not find your routes file. Use the skip-import option to skip importing.

[e[40mERRORe[49m] Could not generate page.

[error] Unable to generate Angular page named pages/testpage2: Could not find your routes file. Use the skip-import option to skip importing.

[e[40mERRORe[49m] Could not generate page.

And when I create a new page with the command ionic g … in the terminal I get an error message in the spec.ts file

Argument of type '{ fixture: ComponentFixture<TestpagePage>; component: TestpagePage; "": any; }' is not assignable to parameter of type 'number'.ts(2345)

beforeEach(waitForAsync () => {
    fixture = TestBed.createComponent(TestpagePage);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });
3

Again, why does Ionic produce incorrect specification files? I m recreating my old testproject and get errors

new version

ionic-error-beforeeach
ionic-error-beforeeach787×460 31.7 KB

old version

ionic-error-beforeeach-noerror
ionic-error-beforeeach-noerror637×508 26.7 KB

Ionic:

Ionic CLI : 7.1.1 (C:\Users\thoma\AppData\Roaming\npm\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 7.3.4
@angular-devkit/build-angular : 16.2.2
@angular-devkit/schematics : 16.2.2
@angular/cli : 16.2.2
@ionic/angular-toolkit : 10.0.0

Capacitor:

Capacitor CLI : 5.3.0
@capacitor/android : not installed
@capacitor/core : 5.3.0
@capacitor/ios : not installed

Utility:

cordova-res : 0.15.4
native-run : 1.7.2

System:

NodeJS : v18.17.1 (C:\Program Files\nodejs\node.exe)
npm : 9.6.7
OS : Windows 10

4

I would suggest to uninstall and reinstall. Im able to create pages just fine.

5

When I use the ionic extension for creating a new page I still get the error message:

[Ionic] Creating Angular page named testpage..
[error] Could not find your routes file. Use the skip-import option to skip importing.
[e[40mERRORe[49m] Could not generate page.

[error] Unable to generate Angular page named testpage: Could not find your routes file. Use the skip-import option to skip importing.
[e[40mERRORe[49m] Could not generate page.

[error] Unable to run 'npm outdated --json'. Try reinstalling node modules.

When I use the command “ionic g page testpage” I get the message “OK Generated page!”, but with the wrong ts.file.

Even the new extension version 1.50.0 is not compatible with Windows 11.

In my new testproject only typescript is outdated, because angular accepts only versions until 5.2.0 !

npm outdated --depth=0
Package     Current  Wanted  Latest  Location                 Depended by
typescript    5.1.6   5.2.2   5.2.2  node_modules/typescript  ...

All global packages are up to date.

npm outdated -g --depth=0