ionic-team / ionic-team/ionic-framework

bug: IONIC REACT VITE SERVER BREAKDOWN

Ouverte
#30,051 1 commentaire 0 réactions 0 personnes assignées Voir sur GitHub
triage
Langage dominant
TypeScript
Étoiles
52.7k
Forks
13.3k
Merge moyen
1 j 15 h
PR mergées (30 j)
51

Description

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already report this problem, without success.

### Ionic Framework Version

v7.x

### Current Behavior

I have been using Ionic react for sometime now but recently when I run _ionic serve/npm run dev_ in cmd I keep getting errors like "could not load config from vite.config.ts". For a while I had to uninstall node modules and package-lock.json and reinstall them before the vite server is able to run again but it breaks down after I end the session. For now I have tried everything and the server is not working anymore, I discovered even ionic build is also not working. I still do not know what is causing this but I believe the attached screenshot will help
![Screenshot 2024-11-19 110948](https://github.com/user-attachments/assets/e38dda1e-ceb8-4773-a6d3-545be528d26e)

### Expected Behavior

The vite server should be able so serve my app when I run ionic serve or npm run dev

### Steps to Reproduce

1. Open command prompt
2. Change directory to project directory(cd _path_to_project_directory_)
3. Run ionic serve or npm run dev

### Code Reproduction URL

ttps://drive.google.com/drive/folders/1IwzCJS6r1GOj5eD1DjJmjqW9kR4fdeXP?usp=sharing

### Ionic Info

[WARN] Error loading @capacitor/ios package.json: Error: Cannot find module '@capacitor/ios/package.json'

Require stack:
- C:\Users\HELLO\AppData\Roaming\npm\node_modules\@ionic\cli\lib\project\index.js
- C:\Users\HELLO\AppData\Roaming\npm\node_modules\@ionic\cli\lib\index.js
- C:\Users\HELLO\AppData\Roaming\npm\node_modules\@ionic\cli\index.js
- C:\Users\HELLO\AppData\Roaming\npm\node_modules\@ionic\cli\bin\ionic
[WARN] Error loading @capacitor/android package.json: Error: Cannot find module '@capacitor/android/package.json'

Require stack:
- C:\Users\HELLO\AppData\Roaming\npm\node_modules\@ionic\cli\lib\project\index.js
- C:\Users\HELLO\AppData\Roaming\npm\node_modules\@ionic\cli\lib\index.js
- C:\Users\HELLO\AppData\Roaming\npm\node_modules\@ionic\cli\index.js
- C:\Users\HELLO\AppData\Roaming\npm\node_modules\@ionic\cli\bin\ionic

Ionic:

Ionic CLI : 7.2.0 (C:\Users\HELLO\AppData\Roaming\npm\node_modules\@ionic\cli)
Ionic Framework : @ionic/react 8.4.0

Capacitor:

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

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v22.11.0 (C:\Program Files\nodejs\node.exe)
npm : 10.8.2
OS : Windows 10

### Additional Information

All the ionic projects I have previously worked on and is working on are showing this same behavior

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Start with the reported vite.config.ts and reproduce the failure using ionic serve, npm run dev, and ionic build on Windows 10 with Node.js v22.11.0. Review the attached screenshot and linked reproduction URL alongside the Ionic and Capacitor version details. Done means identifying a reproducible cause and restoring the development server and build commands.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
node.js, react, typescript, vite
Domaine
build-system, frontend
Type d'issue
Bug
Difficulté
4/5
Temps estimé
3-5 jours
Activité
À l'abandon
Clarté
À clarifier
Accessibilité débutants
25/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.