我尝试使用npm run serve在本地运行一个项目,但是我一直收到一个关于postcss的错误,我找不到任何解决方案。
我只是从另一个项目复制项目文件并粘贴到这个项目中。原始项目没有给我带来任何这些问题。
错误描述如下:
ERROR in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss (./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss)
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: EACCES: permission denied, open '/Users/user-name/.config/postcssrc'
@ ./node_modules/vue-style-loader/index.js??clonedRuleSet-22.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss 4:14-389 15:3-20:5 16:22-397
@ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss 1:0-447 1:0-447
@ ./src/App.vue 5:0-63
@ ./src/main.js 7:0-28 18:20-23
我目前使用的是vue 3和node -v 14。
1条答案
按热度按时间7hiiyaii1#
我在一个项目中遇到过类似的错误,可以通过在webpack配置文件中禁用postcss加载程序的自动配置来修复(在我的例子中是
vue.config.js
):或者在项目根目录
postcss.config.js
中创建一个简单的postcss配置文件: