Błąd: Node Sass Wersja 5.0.0 jest niezgodna z ^4.0.0

Stworzyłem pusty projekt Reactowy, używając polecenia: npx create-react-app na npm v7.0.7 i Node v15. 0. 1

Zainstalowany:

  • React v17. 0. 1,
  • node-sass v5. 0. 0,

Potem próbowałem zaimportować puste .plik scss do komponentu aplikacji:

App.js 

import './App.scss'

function App() {
  return (
    <div className="App">
      App
    </div>
  );
}

export default App;

wyrzuć błąd:

Failed to compile.

./src/App.scss (./node_modules/css-loader/dist/cjs.js??ref--5-oneOf-6-1!./node_modules/postcss-loader/src??postcss!./node_modules/resolve-url-loader??ref--5-oneOf-6-3!./node_modules/s
ass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/App.scss)
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.

paczka.json 

{
  "name": "react-17-node-sass-5",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^5.11.5",
    "@testing-library/react": "^11.1.0",
    "@testing-library/user-event": "^12.1.10",
    "node-sass": "^5.0.0",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-scripts": "4.0.0",
    "web-vitals": "^0.2.4"
  },
 ...
 
  }
}
Author: Nicolas Hevia, 2020-10-31
Source

9 answers

TL; DR

  1. npm uninstall node-sass
  2. npm install [email protected]

Or, if using yarn (default in newer CRA versions)

  1. yarn remove node-sass
  2. yarn add [email protected]

Edit2: Sass-loader v10.0.5 naprawia to. Problem w tym, że możesz nie używać go jako zależności od projektu, ale bardziej jako zależności od swoich zależności. CRA używa stałej wersji, angular-CLI blokady do node-sass v4 i tak dalej.
Zalecenie na razie brzmi: Jeśli instalujesz po prostu node-sass Sprawdź poniżej obejście (i notatkę). Jeśli pracujesz nad pustym projektem i możesz zarządzać konfiguracją webpacka (nie używając CRA lub CLI do rusztowania projektu), zainstaluj najnowszy sass-loader.

Edit : ten błąd pochodzi z Sass-loader. Istnieje niedopasowanie semvera, ponieważ node-Sass @latest to v5.0. 0, a sass-loader oczekuje ^4.0.0.
Istnieje otwarty problem w ich repozytorium z powiązaną poprawką, która musi zostać przejrzana. Do następnie zapoznaj się z poniższym rozwiązaniem.

Obejście : nie instaluj jeszcze node-sass 5.0.0 (główna wersja została właśnie odrzucona).

Uninstall node-sass

npm uninstall node-sass

Następnie zainstaluj najnowszą wersję (przed 5.0)

npm install [email protected]

Uwaga: LibSass (stąd też node-sass) jest przestarzały, a dart-sass jest zalecaną implementacją. możesz użyć sass zamiast , który jest dystrybucją węzłów dart-sass skompilowaną do pure JavaScript. Ale ostrzegam:

Bądź ostrożny stosując to podejście. React-scripts używa Sass-loader v8, który preferuje node-sass od sass (który ma składnię nieobsługiwaną przez node-sass). Jeśli oba są zainstalowane, a użytkownik pracował z sass, może to prowadzić do błędów w kompilacji css

 729
Author: Nicolas Hevia,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-11-26 18:10:59

Uninstall node-sass 

npm uninstall node-sass

Użyj sass by: 

npm install -g sass
npm install --save-dev sass
 37
Author: freeezer98,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-11-01 14:07:45

Jedynym powodem, dla którego pojawia się taki błąd, jest to, że Twoja wersja węzła nie jest zgodna z wersją węzła-sass.

Więc upewnij się, aby sprawdzić dokumentację tutaj: https://www.npmjs.com/package/node-sass

Lub ten obrazek poniżej pomoże Ci, co wersja węzła może używać wersji node-sass.

Tutaj wpisz opis obrazka

Na przykład, jeśli używasz node w wersji 12 w systemie windows ("maybe"), to należy zainstalować node - Sass w wersji 4.12.

npm install [email protected]
Tak, właśnie tak. Teraz wystarczy zainstalować wersję node-sass zalecaną przez zespół node-sass z węzłami zainstalowanymi na komputerze.
 36
Author: Titus Sutio Fanpula,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-11-14 10:55:51

Jeśli zdarzy ci się użyć CRA z domyślnym menedżerem pakietów yarn, użyj poniższej instrukcji. Dla mnie zadziałało.

yarn remove node-sass 
yarn add [email protected]
 9
Author: dhanushkac,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-11-17 19:02:13

Zadziałało u mnie po dodaniu konkretnej wersji pakietu node-sass ([email protected])

 3
Author: renu dadhich,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-12-04 13:34:02

Jeśli błąd jest

Błąd: Node Sass w wersji 5.0.0 jest niezgodny z ^4.0.0

Krok 1: Zatrzymaj Serwer

Krok 2: polecenia uruchomienia to npm uninstall node-sass

Krok 3: Sprawdź node-sass w package.json jeśli node-sass jest dostępny w pliku, uruchom ponownie Krok 2.

Step4: npm install [email protected]

Krok 5: Poczekaj, aż polecenie zostanie pomyślnie uruchomione.

Krok 6: start-serwer za pomocą npm start

 0
Author: Nadeem Khan,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-12-03 15:58:58

Ten błąd występuje, gdy wersje NodeJS i Node Sass nie są dopasowane.

Możesz rozwiązać swój problem, wykonując następujące czynności:

- Krok 1: Usuń Nodejs z komputera

- Krok 2 : Reinstall NodeJS version 14.15.1.

- Krok 3 : Odinstaluj Sass węzła, uruchamiając polecenie npm uninstall node-sass

- Krok 4 : Reinstall Node Sass version 4.14.1 by run the command npm install [email protected]

Po wszystkich krokach możesz uruchomić komendę ng serve -o aby uruchomić swój podanie.

Node Sass Wersja 5.0.0 jest niezgodna z ^4.0.0.

 0
Author: Dung Do Tien,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2020-12-16 09:40:56

Small update: Incase Jeśli pojawi się poniżej błąd w odniesieniu do node-sass wykonaj kroki podane poniżej.

Kod EPERM
npm ERR! syscall unlink

Kroki do rozwiązania problemu:

  1. Zamknij visual studio
  2. Usuń ręcznie .node-sass.DELETE from node_modules
  3. open visual studio
  4. npm Cache verify
  5. npm install [email protected]
 0
Author: suresh,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2021-02-01 10:24:15

To jest problem z wersją, zainstaluj odpowiednią zależną wersję 

npm uninstall node-sass
npm install [email protected]
 0
Author: Minhaz Chowdhury,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2021-02-04 12:51:41