Vue2 - 오류: CSS 문자열 대신 PostCSS가 정의되지 않았습니다.

Vue2 - 오류: CSS 문자열 대신 PostCSS가 정의되지 않았습니다.

Vue2 프로젝트를 컴파일할 때 이 문제가 발생함

Syntax Error: Error: PostCSS received undefined instead of CSS string
 @ ./src/assets/sass/main.scss 4:14-233 14:3-18:5 15:22-241
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.1.202:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

sass-loader를 재구축하려고 했지만 성공하지 못했습니다.

노드 버전은 v16.6.1이고 NPM 버전은 7.21.0입니다.

Web pack은 5.1.2, sass-loader 버전은 10.2.0입니다.

이것은 VUE2 프로젝트로 새로운 Vue3 프로젝트를 시작하여 vue/cli를 업그레이드해야 하는데 로컬로 되돌리는 방법을 알 수 없습니다(이러한 경우).

먹어봐.

npm install node-sass
or 
npm rebuild node-sass

나는 여기에 대한 답을 얻었다.

먼저 제거함으로써 해결됨node-sass:

yarn remove node-sass

그 후 설치sass대신:

yarn add -D sass

저도 같은 에러가 발생하여 노드 버전을 다운그레이드한 후 수정되었습니다.

이 문제는 "node-sass" 버전을 "^4.14"로 다운그레이드하여 해결했습니다.1":

npm install node-sass@4.14.1

VueJ에 대한 튜토리얼을 따라가고 있었는데 같은 오류가 발생하여 노드 사스를 재구축하려고 했지만 작동하지 않았습니다.

그리고 스타일발리스에 사용되는 언어가 SCSS(App.vue)로 되어 있는 것을 보고 CSS로 변경했더니 동작했습니다.:)

언급URL : https://stackoverflow.com/questions/69012734/vue2-error-postcss-received-undefined-instead-of-css-string