ionic-team / ionic-team/ionic-cli
Livereload fails with error require() of ES modules is not supported
Personne n'a encore pris cette issue.
- Langage dominant
- TypeScript
- Étoiles
- 2k
- Forks
- 681
- Métriques de merge des PR
- Aucune PR mergée en 30 j
Description
**Steps to Reproduce:**
- Create New Ionic 6 Hello World App (Cordova)
- Update to Angular 13 deps.
- Run ionic cordova run android --livereload
**Description:**
When running with LIVERELOAD arg, gets this error immediately.
> ng.cmd run app:ionic-cordova-serve --host=localhost --port=8100 --platform=android --consolelogs --consolelogs-port=53703
[ng] An unhandled exception occurred: Must use import to load ES Module: D:\...\node_modules\@angular\compiler-cli\bundles\index.js
[ng] require() of ES modules is not supported.
[ng] require() of D:\...\node_modules\@angular\compiler-cli\bundles\index.js from D:\...\node_modules\@ionic\angular-toolkit\node_modules\@angular-devkit\build-angular\src\webpack\configs\common.js is an ES module file as it is a .js file whose nearest parent package.json contains "type": "module" which defines all .js files in that package scope as ES modules.
[ng] Instead rename index.js to end in .cjs, change the requiring code to use import(), or remove "type": "module" from D:\...\node_modules\@angular\compiler-cli\package.json.
**My `ionic info`:**
```
Ionic:
Ionic CLI : 6.18.1 (C:\Users\steve\AppData\Roaming\npm\node_modules\@ionic\cli)
Ionic Framework : @ionic/angular 6.0.1
@angular-devkit/build-angular : 13.1.2
@angular-devkit/schematics : 13.1.2
@angular/cli : 13.1.2
@ionic/angular-toolkit : 5.0.3
Cordova:
Cordova CLI : 11.0.0
Cordova Platforms : android 10.1.1, browser 6.0.0, ios 6.2.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 5.0.0, cordova-plugin-ionic 5.5.1, (and 12 other plugins)
Utility:
cordova-res : 0.15.4
native-run : 1.5.0
System:
Android SDK Tools : 26.1.1 (C:\Users\steve\AppData\Local\Android\Sdk)
NodeJS : v14.18.0 (C:\Program Files\nodejs\node.exe)
npm : 6.14.15
OS : Windows 10
```
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez par reproduire le problème avec une application Ionic 6 Cordova mise à jour vers Angular 13, puis exécutez `ionic cordova run android --livereload` et examinez le chemin de chargement signalé de Angular compiler-cli et build-angular. C’est terminé lorsque le live reload démarre sans l’erreur `require()` de module ES avec les versions de Node et Angular indiquées.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, nodejs, typescript
- Domaine
- build-system, cli
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 28/100