javascript 错误:EACCES:权限被拒绝,打开"/Users/用户名/. config/postcssrc "

5ssjco0h  于 2023-02-11  发布在  Java
关注(0)|答案(1)|浏览(360)

我尝试使用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。

7hiiyaii

7hiiyaii1#

我在一个项目中遇到过类似的错误,可以通过在webpack配置文件中禁用postcss加载程序的自动配置来修复(在我的例子中是vue.config.js):

module.exports = {
...
   css: {
...
      loaderOptions: { postcss: { postcssOptions: { config: false } } }
   }

或者在项目根目录postcss.config.js中创建一个简单的postcss配置文件:

module.exports = {};

相关问题