ERREUR dans le multi ./styles.css Angulaire 6

Je suis nouveau sur Angulaire 6 ,Dans mon projet, j'ai l'erreur ci-dessous

 ERROR in multi ./node_modules/bootstrap/dist/css/bootstrap.min.css ./styles.css
Module not found: Error: Can't resolve 'C:\Users\User\e-CommerceWebsite\styles.css' in 'C:\Users\User\e-CommerceWebsite'

et le navigateur affiche

cannot Get

angulaire.json

 "styles": [
          "./node_modules/bootstrap/dist/css/bootstrap.min.css",
          "styles.css"
        ],
        "scripts": [
          "./node_modules/jquery/dist/jquery.min.js",
          "./node_modules/popper.js/dist/popper.min.js",
          "./node_modules/bootstrap/dist/js/bootstrap.min.js"
        ]

les styles.css

@import '~bootstrap/dist/css/bootstrap.min.css';
...
...
...

Mentionné ceci : bootstrap pas se connecter à l'angle de 6?

Quelqu'un peut m'aider à corriger cette erreur .

seulement besoin de modifier le fichier est chargé dans angulaire.json selon le fichier existant, la réponse est ici

InformationsquelleAutor Zhu | 2018-06-26

angular typescript

Angulaire 6 angulaire.fichier json, utiliser le bootstrap ou font-awesome fichier css comme ceci permettra de résoudre votre problème.

   "styles": [
          {
            "input": "./node_modules/bootstrap/dist/css/bootstrap.min.css"
          },
          {
            "input": "./node_modules/font-awesome/css/font-awesome.min.css"
          },
          "src/styles.css"
        ],

pas encore en mesure de le réparer en ng6,

InformationsquelleAutor lupa

4

Il prend le mauvais chemin. Nous avons besoin de mettre le chemin que ../node_modules/bootstrap/dist/css/bootstrap.min.css au lieu de node_modules/bootstrap/dist/css/bootstrap.min.css.
- Salut Pranendu, est-ce réellement une réponse?
- Oui..j'ai été confronté à ce même problème moi-même et fixe ...!!
- Salut Hakamairi , ++, je suis nouvel utilisateur de STACKOVERFLOW ...alors j'ai juste posté la solution de la façon dont je l'ai eu , rien de mal dans cette approche ? veuillez clair .
- Même dans mon cas, le chemin est incorrect..Après correction de style.css chemin de mon problème résolu
InformationsquelleAutor Pranendu Banerjee

J'ai fait face à la même erreur. En fonction de votre chemin d'accès au fichier de réponse est changé. Il suffit de regarder votre chemin et de le corriger comme suit.

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

            ],

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

        ],

InformationsquelleAutor Chamila Maddumage

La seule solution qui a fonctionné pour moi:

1/   delete "node-modules"
2/   "npm install [email protected] --save"
3/   "npm install"
4/   "npm rebuild node-sass"

InformationsquelleAutor kingabdr

J'ai eu ce problème aussi. Ce faire:

dans angular.json fichier, utilisez l'un de ces déclarations (attention à "." et "/"):

"styles": [
          {
            "input": "./node_modules/bootstrap/dist/css/bootstrap.min.css"
          },
          {
            "input": "./node_modules/font-awesome/css/font-awesome.min.css"
          },
          "src/styles.css"
        ],

"styles":
         "src/styles.css",
         "node_modules/font-awesome/css/font-awesome.css"

N'oubliez pas de projet de reconstruction de voir des changements

InformationsquelleAutor mohammad mirshojaee

ce travail pour moi

  "styles": [
         {
            "input": "./node_modules/bootstrap/dist/css/bootstrap.min.css"
          },
          "src/styles.css"
        ],

InformationsquelleAutor Shahid

0

Ajouter bootstrap à l'angle de json fichier de configuration au lieu de les styles.css (il ne fonctionne pas parce que c'est le css, pas scss).
```
"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",
        "styles.scss"
      ],
```
- Je l'ai obtenu après l'application de ces deux lignes d'ERREUR en multi ../node_modules/bootstrap/dist/css/bootstrap.min.css ./styles.scss Module non trouvé: Erreur: ne Peut pas résoudre 'C:\Users\User\e-CommerceWebsite\styles.scss " dans". C:\Users\User\e-CommerceWebsite " ERREUR dans le multi ../node_modules/bootstrap/dist/css/bootstrap.min.css ./styles.scss Module non trouvé: Erreur: ne Peut pas résoudre 'C:\Users\User\node_modules\bootstrap\dist\css\bootstrap.min.css " dans". C:\Users\User\e-CommerceWebsite' @Carsten
InformationsquelleAutor Carsten
0

Pourquoi vous angular.json
```
 "styles": ["styles.scss"],
 "scripts": []
```
Mais votre style global est styles.css

Assurez-vous d'avoir style.scss fichier. Parce que l'erreur lancer, vous n'avez pas le style.scss fichier.
- veuillez jeter un oeil à mon post mis à jour ,toujours j'ai obtenu l'erreur après la modification de la scss css @DinhDuong
InformationsquelleAutor Dinh Duong
0

Vous pouvez soit importer le fichier d'amorçage.min.css de nœud de modules dans les styles.fichier css comme
```
@import ~/bootstrap/dist/css/bootstrap.min.css;
```
Ou ajouter ce fichier de bootstrap dans l'angle(-cli).json (ce fichier sera cli.json jusqu'Angulaire 5 et 6 sa juste angulaire.json) fichier sous styles [].
```
"styles": [
        "styles.css",
        "../node_modules/bootstrap/dist/css/bootstrap.min.css"
    ],
```
Nous avons juste besoin de trouver le juste chemin pour l'analyseur pour être en mesure de trouver le chemin d'accès où le bootstrap est installé.

InformationsquelleAutor Siddhartha Thota

A fonctionné pour moi !

JS:

"styles": [{
    "input": "./node_modules/bootstrap/dist/css/bootstrap.min.css"
  },
  {
    "input": "./node_modules/ti-icons/css/themify-icons.css"
  },
  "src/assets/icon/icofont/css/icofont.min.css",
  "src/styles.css"
]

Pour une réponse utile à cette réaction doit être étendu. Expliquer pourquoi c'est une réponse à la question.

InformationsquelleAutor Pranavjeet Mishra

0

J'ai remplacé ces styles de angular.json
```
"styles": ["src/styles.css"]
```
à
```
"styles": ["styles.css"]
```
Il a travaillé pour moi!

InformationsquelleAutor manjunath hiremath
0

vérifier si les fichiers qui nous lié sous "styles" et "scripts" sont disponibles sous le nœud dossier modules. Récemment, dans mon projet, j'ai eu ce problème lors de la mise à jour des paquetages. J'ai remarqué que certains fichiers qui nous visée angulaire de la cli JSON ai manqué. Cette erreur a été résolu après avoir ajouté les fichiers nécessaires. Espérons que cela aide.

InformationsquelleAutor Uma
0

J'ai du mal avec cette erreur. Il suffit de regarder votre chemin et de corriger comme suit.
```
"styles": [
          "node_modules/@nebular/theme/styles/prebuilt/default.css"
        ],
```
InformationsquelleAutor Houssem Hamila

J'ai eu le même problème. Celui-ci fonctionne pour moi.

 "styles": [
          "node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
          "node_modules/bootstrap/dist/css/bootstrap.css",
          "src/sass/styles.scss"
        ],

et également celui-ci fonctionne.

"styles": [
          "./node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
          "./node_modules/bootstrap/dist/css/bootstrap.css",
          "src/sass/styles.scss"
        ]

InformationsquelleAutor Günay Gültekin

J'ai eu le même problème, cela a fonctionné pour moi.

angulaire.json:

"styles": [             
            "src/styles.css"              
        ],

les styles.css:

@import "~../node_modules/bootstrap/dist/css/bootstrap.min.css";

InformationsquelleAutor Jake Neumann

0

J'ai le même problème, puis-je appliquer en dessous de chemin comme ça, sans dot (.) et slash/
```
"node_modules/bootstrap/dist/css/bootstrap.min.css",
```
InformationsquelleAutor Fahim khan

J'ai eu un problème similaire en utilisant ngx-toastr avec Angulaire 8. J'ai eu à la place .les styles css des références dans l'ordre suivant à l'intérieur de la angulaire.json fichier:

        "styles": [
          "node_modules/bootstrap/dist/css/bootstrap.min.css",
          "src/styles.css",
          "node_modules/ngx-toastr/toastr.css" 
        ],
        "scripts": [
        ]

Et l' @importations au sein de l' les styles.css fichier dans l'ordre suivant:

 @import '~bootstrap/dist/css/bootstrap.min.css';
 @import '~ngx-toastr/toastr.css';

Il a résolu le problème.

InformationsquelleAutor heroesch

-1

Je pense que c'est à cause du problème avec bootstrap, essayez ceci:
Étape 1.
Supprimer "../node_modules/bootstrap/dist/css/bootstrap.min.css"
Étape 2.
Aller pour les styles.css
Importer des fichiers d'amorce en ajoutant cette ligne
@import "~bootstrap/dist/css/bootstrap.css";
Ces étapes résolu les erreurs que j'ai obtenu au cours du processus de construction.

InformationsquelleAutor Đinh Công Hân

Vous devez vous connecter pour publier un commentaire.