npm 스크립트에서 Autoprefixer를 제대로 구성 할 수 없습니다.

토니 케이

PostCSS Autoprefixer를 구성하려고하는데 작동하지 않습니다. style.prefix.css동일한 'css'폴더에 파일 이 출력되어야 합니다. 내 npm 스크립트 / 설정에 어떤 문제가 있는지 이해하도록 도와주세요.

여기 내 package.json이 있습니다.

{
  "name": "sb-demo-website",
  "version": "1.0.0",
  "description": "demo website",
  "main": "index.js",
  "scripts": {
    "sass": "node-sass-chokidar sass/main.scss css/style.css -w --recursive --skip-initial",
    "compile-sass": "node-sass-chokidar sass/main.scss css/style.comp.css",
    "prefix-css": "postcss css/style.comp.css -o css/style.prefix.css --use autoprefixer"
  },
  "repository": {
    "type": "git",
    "url": ""
  },
  "author": "tk",
  "license": "ISC",
  "bugs": {
    "url": ""
  },
  "homepage": "",
  "browserslist": "last 3 versions",
  "devDependencies": {
    "autoprefixer": "^10.0.0",
    "node-sass": "^4.14.1",
    "node-sass-chokidar": "^1.5.0",
    "postcss": "^8.0.5",
    "postcss-cli": "^7.1.2"
  }
}

내 스크립트를 실행할 때의 출력은 다음과 같습니다.

$ npm run prefix-css

> [email protected] prefix-css C:\Users\tk\Documents\Study\web\css\demo1
> postcss css/style.comp.css -o css/style.prefix.css --use autoprefixer

Error: PostCSS plugin autoprefixer requires PostCSS 8. Update PostCSS or downgrade this plugin.
    at Processor.normalize (C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\node_modules\postcss\lib\processor.js:167:15)
    at new Processor (C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\node_modules\postcss\lib\processor.js:56:25)
    at postcss (C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\node_modules\postcss\lib\postcss.js:55:10)
    at C:\Users\tk\Documents\Study\web\css\demo1\node_modules\postcss-cli\index.js:216:14
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] prefix-css: `postcss css/style.comp.css -o css/style.prefix.css --use autoprefixer`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] prefix-css script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\tk\AppData\Roaming\npm-cache\_logs\2020-09-18T17_50_55_597Z-debug.log

어떤 도움이라도 대단히 감사합니다

토니 케이

최신 Autoprefixer v10.0.0이 현재 약간 손상된 것 같습니다 . 버전 9.8.6으로 다운 그레이드하면 위에서 언급 한 문제가 해결되었습니다.

다른 사람이 비슷한 오류를 경험할 경우를 대비하여 답변으로 게시하고 있습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jquery로 타사 스크립트에서 div를 제거 할 수 없습니다.

분류에서Dev

터치 패드를 제대로 구성 할 수 없습니다.

분류에서Dev

동적으로 생성 된 HTML에서 자바 스크립트 함수를 호출 할 수 없습니다.

분류에서Dev

쉘 스크립트 내에서 ssh-ed osascript를 제대로 실행할 수 없습니다.

분류에서Dev

쉘 스크립트에서 .bashrc를 성공적으로 소싱 할 수 없습니다.

분류에서Dev

vim에서 fzf로 스크립트를 실행할 수 없습니다.

분류에서Dev

IE에서 로컬 스크립트를 실행할 수 없습니다.

분류에서Dev

iframe에 스크립트를로드 할 수 없습니다.

분류에서Dev

jboss에서 spring으로 jsf를 구성 할 수 없습니다.

분류에서Dev

jboss에서 spring으로 jsf를 구성 할 수 없습니다.

분류에서Dev

NPM 오류 : '노드'의 '이름'속성이 null이므로 구조를 해제 할 수 없습니다.

분류에서Dev

ViewProjection 매트릭스를 제대로 생성 할 수 없습니다.

분류에서Dev

nginx에서 위치 지시문을 제대로 구성 할 수 없습니다.

분류에서Dev

사용자가 두 번째부터 Flask로 구축 된 웹 사이트에서 양식을 제출 한 후 Python 웹 스크래핑 스크립트를 성공적으로 실행할 수 없습니다.

분류에서Dev

bspwmrc에서 스크립트를 시작할 수 없습니다.

분류에서Dev

Javascript에서 npm 스크립트를 실행할 수 있습니까?

분류에서Dev

npm 스크립트를 UI에서 실행할 수 있습니까?

분류에서Dev

Maven에서 리소스 경로를 구성 할 수 없습니다.

분류에서Dev

시스템 서비스 스크립트에서 로컬로 빌드 된 ntpd를 시작할 수 없습니다.

분류에서Dev

npm으로 Windows에 Phantomjs를 설치할 수 없습니다.

분류에서Dev

스크립트에서 마운트 된 / mnt를 마운트 해제 할 수 없습니다.

분류에서Dev

'useradd'로 스크립트를 작성하려고하는데 예제를 이해할 수 없습니다.

분류에서Dev

스프링 부트 프로젝트에서 간단한 컨트롤러를 구성 할 수 없습니다.

분류에서Dev

IntelliJ IDEA를 사용하여 Kotlin / JS 프로젝트에서 생성 된 JS 스크립트를 연결할 수 없습니다.

분류에서Dev

각 줄에 대해 "for 루프"는 내 스크립트에서 구현할 수 없습니다.

분류에서Dev

내 스크립트에서 성가신 오류를 수정할 수 없습니다.

분류에서Dev

Powershell의 변수를 함수에서 스크립트로 전달할 수 없습니다.

분류에서Dev

자바 스크립트가 동적으로 생성 된 요소를 삭제할 수 없습니다.

분류에서Dev

bash 스크립트 함수에서 구성 파일 변수에 액세스 할 수 없습니다.

Related 관련 기사

  1. 1

    jquery로 타사 스크립트에서 div를 제거 할 수 없습니다.

  2. 2

    터치 패드를 제대로 구성 할 수 없습니다.

  3. 3

    동적으로 생성 된 HTML에서 자바 스크립트 함수를 호출 할 수 없습니다.

  4. 4

    쉘 스크립트 내에서 ssh-ed osascript를 제대로 실행할 수 없습니다.

  5. 5

    쉘 스크립트에서 .bashrc를 성공적으로 소싱 할 수 없습니다.

  6. 6

    vim에서 fzf로 스크립트를 실행할 수 없습니다.

  7. 7

    IE에서 로컬 스크립트를 실행할 수 없습니다.

  8. 8

    iframe에 스크립트를로드 할 수 없습니다.

  9. 9

    jboss에서 spring으로 jsf를 구성 할 수 없습니다.

  10. 10

    jboss에서 spring으로 jsf를 구성 할 수 없습니다.

  11. 11

    NPM 오류 : '노드'의 '이름'속성이 null이므로 구조를 해제 할 수 없습니다.

  12. 12

    ViewProjection 매트릭스를 제대로 생성 할 수 없습니다.

  13. 13

    nginx에서 위치 지시문을 제대로 구성 할 수 없습니다.

  14. 14

    사용자가 두 번째부터 Flask로 구축 된 웹 사이트에서 양식을 제출 한 후 Python 웹 스크래핑 스크립트를 성공적으로 실행할 수 없습니다.

  15. 15

    bspwmrc에서 스크립트를 시작할 수 없습니다.

  16. 16

    Javascript에서 npm 스크립트를 실행할 수 있습니까?

  17. 17

    npm 스크립트를 UI에서 실행할 수 있습니까?

  18. 18

    Maven에서 리소스 경로를 구성 할 수 없습니다.

  19. 19

    시스템 서비스 스크립트에서 로컬로 빌드 된 ntpd를 시작할 수 없습니다.

  20. 20

    npm으로 Windows에 Phantomjs를 설치할 수 없습니다.

  21. 21

    스크립트에서 마운트 된 / mnt를 마운트 해제 할 수 없습니다.

  22. 22

    'useradd'로 스크립트를 작성하려고하는데 예제를 이해할 수 없습니다.

  23. 23

    스프링 부트 프로젝트에서 간단한 컨트롤러를 구성 할 수 없습니다.

  24. 24

    IntelliJ IDEA를 사용하여 Kotlin / JS 프로젝트에서 생성 된 JS 스크립트를 연결할 수 없습니다.

  25. 25

    각 줄에 대해 "for 루프"는 내 스크립트에서 구현할 수 없습니다.

  26. 26

    내 스크립트에서 성가신 오류를 수정할 수 없습니다.

  27. 27

    Powershell의 변수를 함수에서 스크립트로 전달할 수 없습니다.

  28. 28

    자바 스크립트가 동적으로 생성 된 요소를 삭제할 수 없습니다.

  29. 29

    bash 스크립트 함수에서 구성 파일 변수에 액세스 할 수 없습니다.

뜨겁다태그

보관