Bonjour, je suis un peu paumé, je commence Angular sur Xubuntu, et quand j'exécute la commande "ng serve --open" voila ce qu'il me dit :
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2019-01-14T09:12:36.878Z
Hash: 8d9a4fc7201f96098672
Time: 13160ms
chunk {main} main.js, main.js.map (main) 11.5 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 236 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.08 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 836 bytes [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 3.74 MB [initial] [rendered]
ERROR in multi ../node_modules/bootstrap/dist/css/bootstrap.css ./styles.scss
Module not found: Error: Can't resolve '/var/www/html/mon-projet-angular/styles.scss' in '/var/www/html/mon-projet-angular'
ERROR in multi ../node_modules/bootstrap/dist/css/bootstrap.css ./styles.scss
Module not found: Error: Can't resolve '/var/www/html/node_modules/bootstrap/dist/css/bootstrap.css' in '/var/www/html/mon-projet-angular'
ℹ ｢wdm｣: Failed to compile.
il ouvre ensuite mon navigateur par défaut avec cette adresse : "localhost:4200" mais me met cette erreur : "Cannot GET /"
j'ai regardé pas mal de forum anglais, qui explique que le chemin par défaut n'est pas le bon, et qu'il faut changer l'adresse manuellement dans les fichiers de config angular du projet, mais impossible de trouver les lignes en questions.
Bonjour Florant, merci de ta réponse, effectivement je commence ce cours et en faisant cette modif cela ne fonctionne toujours pas, sans installer bootstrap, ça fonctionne bien, dès que j'installe bootstrap, peu importe la version, il me met cette erreur et j'ai beau changer les chemins ça ne change rien.
Juste au cas où, attention de bien mettre une virgule entre les deux éléments de l'array. Sinon je ne vois pas pourquoi ça ne fonctionne pas, de mon coté je me suis contenté de suivre ce qui est dit dans le cours, et j'ai juste eu à modifier le chemin du fichier bootstrap.css en allant vérifier dans l'arborescence du projet.
dans ton message d'erreur tu as:
Module not found: Error: Can't resolve '/var/www/html/mon-projet-angular/styles.scss' in '/var/www/html/mon-projet-angular'
Chez moi ce fichier se trouve dans src/styles.scss et non à la racine du projet.
Pour bootstrap tu as le message d'erreur:
Module not found: Error: Can't resolve '/var/www/html/node_modules/bootstrap/dist/css/bootstrap.css' in '/var/www/html/mon-projet-angular'
ℹ ｢wdm｣: Failed to compile.
Autrement dit, le chemin spécifié dans ton fichier est '../node_modules/boostrap/dist/css/botstrap.css'
Il faut enlever ../ sinon tu vas dans le dossier parent qui se trouve hors de ton répertoire projet.
C’est un peu tard pour répondre à ton message, je viens de le voir :/
Pour le Problème que tu as, essaie de mettre le chemin complet. Tu recherche le fichier bootstrap.css dans node_modules. Une fois que tu le trouve, tu fais un clic droit dessus, puis copy path. Et enfin tu l'ajoute directement dans le fichier angular.json qui est à la racine de ton projet, ensuite tu recherche « architect » puis « build » et enfin styles dans le code. Dans styles tu mets ceci « le_Path_copier » ; le_Path_copier, c'est le chemin complet que tu as copié juste avant.
C'est un problème de chemin. Si la solution que je t'es donner ne fonctionne pas. Regarde coté chemin de bootstrap.
Error: node_modules/@angular/platform-browser/platform-browser.d.ts:44:22 - error NG6002: Appears in the NgModule.imports of AppModule, but could not be resolved to an NgModule class.
This likely means that the library (@angular/platform-browser) which declares BrowserModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.
44 export declare class BrowserModule {
~~~~~~~~~~~~~
Error: node_modules/@angular/router/router.d.ts:2687:22 - error NG6002: Appears in the NgModule.imports of AppRoutingModule, but could not be resolved to an NgModule class.
This likely means that the library (@angular/router) which declares RouterModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.
2687 export declare class RouterModule {
~~~~~~~~~~~~
Error: node_modules/@angular/router/router.d.ts:2687:22 - error NG6003: Appears in the NgModule.exports of AppRoutingModule, but could not be resolved to an NgModule, Component, Directive, or Pipe class.
This likely means that the library (@angular/router) which declares RouterModule has not been processed correctly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.
2687 export declare class RouterModule {
~~~~~~~~~~~~
Error: src/app/app-routing.module.ts:10:14 - error NG6002: Appears in the NgModule.imports of AppModule, but itself has errors
10 export class AppRoutingModule { }[/code]
Solution :
J'ai finalement résolu mon bug en changeant le contenu du fichier tsconfig.app.json
/* To learn more about this file see: https://angular.io/config/tsconfig. */ { "extends": "./tsconfig.json", "compilerOptions": { "outDir": "./out-tsc/app", "types": [], }, "files": [ "src/main.ts", "src/polyfills.ts" ], "include": [ "src/**/*.d.ts" ], "angularCompilerOptions": { "enableIvy": false } }
Puis les commandes suivantes : #sudo ng build #sudo ng serve
- Edité par arnoldwk 18 avril 2021 à 15:52:14
We build buildings developers...
[Angular] Cannot GET /
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
We build buildings developers...