エラー内容
Reactを立ち上げて、ディレクトリを整理しているときに、以下のエラーが起きました。
./src/styles/style.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/sass-loader/dist/cjs.js??ref--5-oneOf-6-4!./src/styles/style.scss)
Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.やったこと
- インストール済のNode Sassを削除し、バージョン5未満のNode Sassをインストール
- Node Sassを削除し、通常のSassを導入
うまくいったやり方
srcフォルダの直下に、index.jsとindex.css, index.scssを配置する。
かつ、index.jsにはSassファイルではなく、CSSファイルをインポートする。
私はもともとindex.scss, index.cssをstyleフォルダに入れようとしてましたし、JSファイルにSassファイルを読み込ませようとしてました。
その際にSassのコンパイルエラーが起きたのではないかと思います。
