vue,Sass 타 임 스 오류 해결 방법 사용

sass:
설치:

npm config set registry https://registry.npm.taobao.org/

//sass-node    ,     cnpm install node-sass sass-loader --save-dev      
npm install node-sass --registry=https://registry.npm.taobao.org
package.json 에서 sas-loader 버 전 변경

"sass-loader": "^7.3.1",
사용:
페이지 에서 src 대신 직접 사용 하거나@을 대체 합 니 다(3.x 에서@을 설정 할 필요 가 없습니다.2.x 에서 webpack 파일 에 설정 해 야 합 니 다)
在这里插入图片描述
질문 설명:
아래 의 이 문 제 는 내 가 sas 를 사용 할 때 만난 잘못 이다.

*!!vue-style-loader!css-loader?{“sourceMap”:true}!
../../../../vue-loader/lib/style-compiler/index?{“vue”:t
rue,”id”:”data-v-570115ee”,”scoped”:false,”hasInlineConfig”:false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{“so
urceMap”:true}!../../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=style
s&index=0!./index.vue in ./node_m
odules/vux/src/components/alert
/index.vue
해결 방안
이러한 문 제 는 일반적으로 관련 의존 이 부족 해서 발생 하 는 것 이다.본 사례 에 대해 잘못된 제시 정 보 를 자세히 보고 키 워드 를 잡 아 라.vue-style-loader!css-loader 는 css 가 해석 할 때 문제 가 생 겼 다 는 것 을 설명 합 니 다.
따라서 해결 방안 은 상황 에 따라 정 해 야 한다.당신 이 사용 하 는 CSS 언어 가 무엇 인지,일반적인 것 인지,less 나 sas 인지 봐 야 한다.
1.일반적인 상황 에 부 딪 히 면 실행

npm install stylus-loader css-loader style-loader --save-dev
2.less 에 닿 으 면 실행

npm install less less-loader --save-dev
3.sas 에 닿 으 면 실행

npm install sass sass-loader --save-dev
설치 의존 하면 됩 니 다.
혹은

 $npm intall sass-loader --save ; $npm install node-sass --save
만약 네가 모른다 면,그래,너 셋 다 집행 해라😀。
일반적으로 설정 을 초기 화 할 때 만 이 문제 가 발생 합 니 다.완 료 된 프로젝트 라면 package.json 에 이미 설치 되 어 있 으 며,직접 설치 하면 됩 니 다.
vue 가 Sass 타 임 스 오류 문 제 를 해결 하 는 방법 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 vue 는 Sass 오류 내용 을 사용 하여 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!

좋은 웹페이지 즐겨찾기