최근에 scss 파일을 컴파일 할 때 오류가 발생합니다. 오류 메시지는 다음과 같습니다.
Browserslist : caniuse-lite는 오래되었습니다. 다음 명령을 실행하십시오
npm update caniuse-lite browserslist
첫째, 메시지에서 알 수 있듯이 실행 npm update caniuse-lite browserslist
했지만 문제가 해결되지 않았습니다. 전체 nod-modules 디렉토리를 삭제하고 다시 설치했으며 전체 폴더를 업데이트 npm update
했지만 어느 것도 문제를 해결하지 못했습니다. 또한 autoprefixer 및 browserslist를 다시 설치했지만 어느 것도 문제를 해결하지 못했습니다.
내가 제거하면
"options": {
"autoPrefix": "> 1%"
}
내 compilerconfig.json
에서 모든 것이 잘 작동하므로 아마도 autoprefixer와 관련이 있음을 의미합니다. 또한 수동으로 패키지 버전을 최신 버전으로 변경 package.json
하고 다시 설치했지만 운이 없습니다.
답변
Visual Studio의 웹 컴파일러 확장을 사용하는 것 같습니다. 여기에 공개 된 문제가 있습니다 : https://github.com/madskristensen/WebCompiler/issues/413
해당 문제에 게시 된 해결 방법이 있습니다.
- Visual Studio 닫기
- 머리
C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X
(X는 WebCompiler의 버전입니다) - 에서 폴더 다음 삭제
node_modules
폴더 :caniuse-lite
및browserslist
열기 CMD (내부에C:\Users\USERNAME\AppData\Local\Temp\WebCompilerX.X.X
) 및 실행 :npm i caniuse-lite browserslist
답변
내 문제가 해결되었습니다. npx browserslist@latest --update-db
답변
Angular 개발자 용
그러나 나는 이것에 대해 매우 늦게 대답하고 있습니다. 내가 사용하는 모든 라이브러리의 변경 로그를 확인하는 나쁜 습관이 있고 ? Angular CLI의 릴리스 노트를 확인하면서이 문제를 해결하는 새 패치를 어제 (2020 년 1 월 9 일) 릴리스했다는 것을 알게되었습니다.
https://github.com/angular/angular-cli/releases/tag/v8.3.22
따라서를 실행할 때 다음에 ng update
대한 업데이트를 받아야합니다 @angular/cli
.
실행 ng update @angular/cli
하면이 경고가 수정됩니다.
건배!
답변
진행하는 대신 지름길을 찾았고이 cmd를 사용하여vs code appData/webCompiler
프로젝트에 대한 종속성으로 추가했습니다 . 그러나 각 프로젝트에 추가하지 않도록 전역 적으로 설치할 수 있습니다. npm i caniuse-lite browserslist
설치 후, 당신은 당신의 프로젝트에서 제거 할 수 package.json
및 수행 npm i
.
최신 정보:
위의 솔루션으로 해결되지 않은 경우. npm update
더 이상 사용되지 않거나 오래된 패키지를 업그레이드하므로을 실행할 수 있습니다 .
노트 :
npm 업데이트를 실행 한 후 종속성이 누락 될 수 있습니다. 오류를 추적하고 누락 된 종속성을 설치하십시오. 내 것은 nodemon이었습니다.npm i nodemon -g
답변
답변
npm --depth 9999 update
저를 위해 문제를 해결했습니다. 분명히 package-lock.json
오래된 버전을 고집 했기 때문 입니다.
답변
제 경우에는에서 caniuse-lite
, browserslist
폴더를 삭제했습니다 node_modules
.
그런 다음 다음 명령을 입력하여 패키지를 설치합니다.
npm i -g browserslist caniuse-lite --save
잘 작동했습니다.