Ошибки автоопределения с NPM (✖ Ошибка плагина: не удается найти модуль)
Так что в настоящее время у меня проблемы с автоматическим префиксом.
Я скачал postcss-cli и autoprefixer для --save-dev и -g
Когда я запускаю такую команду:
postcss ../../../htdocs/css/workflow/homepage-announcements.css -o ../../../htdocs/css/workflow/homepage-announcements.css
отлично работает с выводом:
✔ Завершено../../../htdocs/css/workflow/homepage-announcements.css (25 мс)
Теперь, когда я использовал --use autoprefixer
ошибка брошена. Команда ниже.
postcss --use autoprefixer ../../../htdocs/css/workflow/homepage-announcements.css -o ../../../htdocs/css/workflow/homepage-announcements.css
Сообщение об ошибке:
✖ Ошибка плагина: не удается найти модуль '../../../htdocs/css/workflow/homepage-announcements.css'
Я перепробовал все и до сих пор не имею решения:(
{
"name": "homepage-announcements",
"version": "2.0.0",
"description": "Homepage announcements",
"main": "js/Default.js",
"dependencies": {
"react": "^15.4.2"
},
"devDependencies": {
"autoprefixer": "^6.7.7",
"ava": "^0.18.2",
"babel-loader": "^6.4.1",
"eslint": "^3.19.0",
"node-sass": "^4.5.2",
"postcss": "^5.2.16",
"postcss-cli": "^3.1.1",
"webpack": "^2.3.3",
"xo": "^0.18.1"
},
"scripts": {
"build": "webpack -p && npm run sass && npm run css",
"sass": "node-sass scss/default.scss ../../../htdocs/css/workflow/homepage-announcements.css --output-style compressed && npm run css",
"css": "postcss --use autoprefixer ../../../htdocs/css/workflow/homepage-announcements.css -o ../../../htdocs/css/workflow/homepage-announcements.css",
"lint": "xo js/*.js js/**/*.js js/**/**/*.js js/**/**/**/*.js js/**/**/**/**/*.js js/**/**/**/**/**/*.js"
}
6 ответов
У меня была такая же проблема, и оказалось, что входные параметры изменили положение.
Я делал это, и это работало:
postcss --replace --use autoprefixer file.css
... но теперь думает, что file.css
это плагин, потому что --use
принимает массив плагинов.
Вы должны сделать это вместо этого сейчас:
postcss file.css --replace --use autoprefixer
Я выяснил проблему, и это было связано с управлением версиями с "autoprefixer": "^6.7.7".
Я заблокировал версию для "autoprefixer": "6.3.7" и все работает.
У меня сработала загрузка автопрефикса для cross-env:
npm install autoprefixer@latest cross-env --save-dev
"префикс:css": "postcss --use autoprefixer -b 'последние 10 версий' css/style.concat.css -o css/style.prefix.css"
Я просто меняю строку "prefix: css" #autoprefixer:"^9.8.5", как указано в приведенном ниже коде, и удаляю код -b "последняя 10 версия", поэтому моя команда выполняется успешно.
"префикс:css": "postcss css/style.concat.css -o css/style.prefix.css --use autoprefixer
Добавьте данные скрипты в
package.json
файл и запустите скрипт в своем терминале:
"prefix:css": "postcss --use autoprefixer -o css/style.prefix.css css/style.concat.css"
Для меня это сработало npm install autoprefixer@latest cross-env --save-dev