Префикс запуска npm: css ERR

Моя системная конфигурация

OS : Microsoft Windows 10,
code editor : Visual Studio Code   
node version : v10.13.0,
npm version : 6.4.1

следующие команды npm run start, npm run compile:sass, npm run concat::css работают хорошо. Но npm run prefix:css выдает ошибку.

Я работаю в двух случаях: одно может подключиться к Интернету, а другое - нет. Вчера я работаю дома, который может подключиться к Интернету.

Сначала делал npm install postcss --save-dev.
Потом сделал npm run prefix:css.
Консоль выкинула ERROR.

В чем моя проблема? Как исправить проблему.

Как ни странно, команда postcss.cmd находится не в папке node_modules.bin. Остальные обычные команды выполняются в папке node_modules.bin.

  1. мой package.json
{
    "name": "natours",
    "version": "1.0.0",
    "description": "landing page for natours",
    "main": "index.js",
    "scripts": {
        "watch:sass": "node-sass sass/main.scss css/natours.sass -w",
        "devserver": "live-server",
        "start": "npm-run-all --parallel devserver watch:sass",
        "compile:sass": "node-sass sass/main.scss css/natours.comp.css",
        "concat:css": "concat -o css/natours.concat.css css/icon-font.css css/natours.comp.css",
        "prefix:css": "postcss --use autoprefixer -b 'last 10 versions' css/natours.concat.css  -o css/natours.prefix.css",
        "compass:css": "node-sass css/natours.prefix.css css/natours.css --output-style compressd",
        "build:css": "npm-run-all compile:sass concat:css prefix:css compass:css"
    },
    "author": "Jsmile",
    "license": "ISC",
    "dependencies": {
        "save-dev": "^2.0.0"
    },
    "devDependencies": {
        "autoprefixer": "^9.4.4",
        "concat": "^1.0.3",
        "node-sass": "^4.11.0",
        "npm-run-all": "^4.1.5",
        "postcss": "^7.0.8"
    }
}
  1. Здесь я воспроизвел ошибку, выполнив следующие команды
F:\개인\workspace\CSS\css_sass\1-Natours>npm install postcss --save-dev  
npm WARN [email protected] No repository field.  

+ [email protected]  
updated 1 package and audited 639 packages in 2.778s  
found 0 vulnerabilities  

F:\개인\workspace\CSS\css_sass\1-Natours>npm run prefix:css  

> [email protected] prefix:css F:\개인\workspace\CSS\css_sass\1-Natours  
> postcss --use autoprefixer -b 'last 10 versions' css/natours.concat.css  -o css/natours.prefix.css  

'postcss'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.  
npm ERR! code ELIFECYCLE  
npm ERR! errno 1  
npm ERR! [email protected] prefix:css: `postcss --use autoprefixer -b 'last 10 versions' css/natours.concat.css  -o css/natours.prefix.css`  
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\No.1\AppData\Roaming\npm-cache\_logs\2019-01-10T22_37_17_074Z-debug.log
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
2
0
1 646
4

Ответы 4

В ОС Windows используется следующий синтаксис:

"prefix:css": "postcss --use autoprefixer -b \"last 10 versions\" css/natours.concat.css  -o css/natours.prefix.css"
"prefix:css": "postcss --use autoprefixer -b \"last 10 versions\" css/natours.concat.css  -o css/natours.prefix.css"

Проблема, вероятно, связана с postcss, попробуйте вместо этого использовать postcss-cli.

Но конечно, бег

postcss --use autoprefixer -b 'last 10 versions' css/natours.concat.css -o css/natours.prefix.css

прямо в вашем терминале будет работать, не запускайте скрипт.

Установите оба:

npm install postcss --save-dev 
npm install postcss-cli --save-dev

тогда:

npm run prefix:css

Другие вопросы по теме