Partage
  • Partager sur Facebook
  • Partager sur Twitter

Developpez des applications Web avec Angular

Compilation : ng serve

Sujet résolu
14 novembre 2018 à 15:57:39

Bonjour.

Aprés avoir modifier l'array  styles angular.json comme suit :

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "styles.scss"
]

j'ai essayé de compiler avec ng serve

et j'ai l'erreur suivante :

ERROR in multi ../node_modules/bootstrap/dist/css/bootstrap.css ./styles.scss
Module not found: Error: Can't resolve 
'C:\...\AngularTLS\styles.scss' in 
'C:\...\AngularTLS'

Effectivement je n'ai pas de styles.scss dans le répertoire AngularTLS.

Mais je ne suis pas sûr de bien comprendre.

-
Edité par Alain13 14 novembre 2018 à 16:45:44

  • Partager sur Facebook
  • Partager sur Twitter
14 novembre 2018 à 17:04:19

Bonjour,

Comme ce fichier n'existe pas le compilateur ne veut pas compiler, il ne faut pas chercher plus loin. Si tu créé le fichier, l'erreur devrais s'en aller.

  • Partager sur Facebook
  • Partager sur Twitter
15 novembre 2018 à 12:27:36

Merci.

Je comprends qu'il manque un fichier. Je me contente de créer un fichier styles.scss vide ?

Je pensais que

ng new mon-projet-angular --style=scss --skip-tests=true.

allait en créer un.

Bonjour.

J'avais 2 problèmes :

1- Il fallait :

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "src/styles.scss"
]

au lieu de :

"styles": [
    "../node_modules/bootstrap/dist/css/bootstrap.css",
    "styles.scss"
]

2 - Mon fichier s'appelait   styles.scss.css au lieu de styles.scss mais comme windows ne m'affichait pas l'extension, je me suis fais avoir.

Voilà, ça compile maintenant.



-
Edité par Alain13 15 novembre 2018 à 20:02:02

  • Partager sur Facebook
  • Partager sur Twitter
7 mai 2019 à 9:46:58

J'ai trouvé la même erreur et je l’ai résolu comme ça :

“styles”: [
     “node_modules/bootstrap/dist/css/bootstrap.css”,
     “src/styles.css”
 ],

  • Partager sur Facebook
  • Partager sur Twitter
18 juin 2019 à 14:08:08

Idem cette solution à marché pour moi :

“styles”: [
     “node_modules/bootstrap/dist/css/bootstrap.css”,
     “src/styles.css”
 ],



  • Partager sur Facebook
  • Partager sur Twitter
7 septembre 2019 à 18:12:17

Le code qui suit a marche pour moi egalement
“styles”: [
     “node_modules/bootstrap/dist/css/bootstrap.css”,
     “src/styles.css”
 ],
  • Partager sur Facebook
  • Partager sur Twitter
Staff 7 septembre 2019 à 18:14:09

Bonjour,

Déterrage

Citation des règles générales du forum :

Avant de poster un message, vérifiez la date du sujet dans lequel vous comptiez intervenir.

Si le dernier message sur le sujet date de plus de deux mois, mieux vaut ne pas répondre.
En effet, le déterrage d'un sujet nuit au bon fonctionnement du forum, et l'informatique pouvant grandement changer en quelques mois il n'est donc que rarement pertinent de déterrer un vieux sujet.

Au lieu de déterrer un sujet il est préférable :

  • soit de contacter directement le membre voulu par messagerie privée en cliquant sur son pseudonyme pour accéder à sa page profil, puis sur le lien "Ecrire un message"
  • soit de créer un nouveau sujet décrivant votre propre contexte
  • ne pas répondre à un déterrage et le signaler à la modération

Je ferme ce sujet. En cas de désaccord, me contacter par MP.

  • Partager sur Facebook
  • Partager sur Twitter
Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!