pnpm store path的错，却是mini-css背的锅

问题

vsCode 用pnpm build打包报错

pnpm打包报错You forgot to add ‘mini-css-extract-plugin‘ plugin_mini-css

error in ./src/App.vue?vue&type=style&index=0&id=78c309c4&lang=scss

Syntax Error: Error: You forgot to add 'mini-css-extract-plugin' plugin (i.e. `{ plugins: [new MiniCssExtrlugin()] }`), please read https://github.com/webpack-contrib/mini-css-extract-plugin#getting-started

但是用系统自带的Windows PowerShell 打包却没有问题

pnpm打包报错You forgot to add ‘mini-css-extract-plugin‘ plugin_css_02

刚开始还以为是复制出来的项目配置有问题，就将这个插件'mini-css-extract-plugin'的各种配置都试了一遍，无效，后来发现同事可以正常打包，只有我的不可以

解决方案（希望可以帮到大家！！！）

通过

pnpm store path

pnpm打包报错You forgot to add ‘mini-css-extract-plugin‘ plugin_mini-css_03

查看路径发现我的store在我的项目盘（之前格式化了项目盘，重新拉了项目，又执行了npm install pnpm -g，应该是这个原因造成了pnpm store path的修改）

pnpm打包报错You forgot to add ‘mini-css-extract-plugin‘ plugin_extract-plugin_04

先找到pnpm的安装路径,以我的为例

pnpm打包报错You forgot to add ‘mini-css-extract-plugin‘ plugin_extract-plugin_05

通过执行命令

pnpm config set store-dir <new path> // 将<new path>替换为目标存储路径

修改pnpm store path

pnpm打包报错You forgot to add ‘mini-css-extract-plugin‘ plugin_mini-css_06

最后删除项目依赖重新下载即可解决You forgot to add ‘mini-css-extract-plugin‘ plugin的问题