2017-06-28 2 views
-1

Ich versuche, eine CSS-Datei in meinem Projekt, das ist der src-Ordner, aber es kann nicht sehen, wenn ich ../styles/Cust.css es eingeben versucht immer in den Ordner zu schauen, von dem ich den css anrufe. Warum ist es diese doppelte Punkt tun root mean sollte aber sein nichtReact Js geht nicht zu src am ../

Registrierung

Antwort

0

ich es behoben tun Sie , die nicht Standard ist, aber es funktioniert, wenn Sie einen besseren Weg vorschlagen können Machen Sie diesen Kommentar zu dieser Antwort bitte

2
.. 

ist der übergeordnete Ordner

/ 

Wurzel ist

Verwendung

/src/styles/Cust.css 
+0

Ich habe versucht, dann habe ich den Fehler ./src/components/Parts/Content/MainContent.js Modul nicht gefunden: Sie haben versucht, /styles/Cust.css zu importieren, die außerhalb des Projekts src/Verzeichnis liegt. Relative Importe außerhalb von src/werden nicht unterstützt. Sie können es entweder innerhalb von src/verschieben oder einen symbolischen Link dazu aus dem Projekt node_modules/hinzufügen. es ist nicht außerhalb der Src Ordner, so dass ich nicht weiß, warum es heißt, es ist –

+0

Wie sind Sie einschließlich der CSS-Datei? –

+0

es ist nur innerhalb Stile, die in src die Wurzel ist –

1

Bessere Art, es zu tun, indem Sie Ihre Styles-Ordner in Root gesetzt, d. h. auf der gleichen Ebene der src-Ordner. Und geben Sie Ihre CSS-Datei in index.html wie:

<link rel="stylesheet" href="/styles/styles.css"> 

Auf diese Weise brauchen Sie nicht CSS-Datei in jeder Komponente zu importieren, können Sie einfach CSS-Klassennamen und andere CSS-Attribute gelten.

Als Referenz: Here ist eine einfache Github-Repository. Ich habe eine CSS-Datei in einem separaten Ordner erstellt und verwendet. Ich hoffe es hilft.