即使我已经安装了postcss,当我试图编译时,我仍然会在终端中得到上面的错误。我将这个错误与tailwindcss一起使用,我的postcss.config.js文件看起来像这样:
module.exports = {
plugins: [
require('tailwindcss'),
require('autoprefixer'),
require('cssnano'),
]
}
我已经更新了我所有的包并清除了NPM缓存。我的其他版本都没有发生这种情况。我的package.json文件中是否有错误?以下是其中的一部分:
"devDependencies": {
"@wordpress/scripts": "^19.2.2",
"dir-archiver": "^1.1.1",
"node-sass": "^7.0.1",
"postcss-cli": "^9.1.0",
"rtlcss": "^3.5.0"
},
"rtlcssConfig": {
"options": {
"autoRename": false,
"autoRenameStrict": false,
"blacklist": {},
"clean": true,
"greedy": false,
"processUrls": false,
"stringMap": []
},
"plugins": [],
"map": false
},
"scripts": {
"build": "postcss css/styles.css -o build/styles.css",
"watch": "node-sass sass/ -o ./ --source-map true --output-style expanded --indent-type tab --indent-width 1 -w",
"compile:css": "node-sass sass/ -o ./ && stylelint '*.css' --fix || true && stylelint '*.css' --fix",
"compile:rtl": "rtlcss style.css style-rtl.css",
"lint:scss": "wp-scripts lint-style 'sass/**/*.scss'",
"lint:js": "wp-scripts lint-js 'js/*.js'",
"bundle": "dir-archiver --src . --dest ../_s.zip --exclude .DS_Store .stylelintrc.json .eslintrc .git .gitattributes .github .gitignore README.md composer.json composer.lock node_modules vendor package-lock.json package.json .travis.yml phpcs.xml.dist sass style.css.map yarn.lock"
},
"main": "index.js",
"dependencies": {
"autoprefixer": "^10.4.4",
"gsap": "^3.11.4",
"npm-check-updates": "^16.6.2",
"postcss": "^8.4.21",
"swiper": "^8.4.6",
"tailwindcss": "^3.2.4"
}
1条答案
按热度按时间v64noz0r1#
npm将
dependencies
和devDependencies
安装到node_modules中,这在PATH中是 * 非常罕见的 *。Node附带了一个有用的命令npx
,它可以为您在npx postcss
中执行此操作。package.json中的脚本在其PATH中使用node_modules/.bin运行,因此我还需要检查您是否正在运行npm run build
而不仅仅是postcss命令。否则,只需全局安装即可。