Vue项目引入Nuxt(SSR)后出现vue-style-loader相关CSS Loader报错

这个报错本质是css-loader版本不兼容导致的：你原有Vue项目安装的css-loader为v4及以上版本，而Nuxt 2.x 内部内置依赖的css-loader是v3版本，v4版本正式移除了compileType配置项，但Nuxt 2的内部构建逻辑仍会向css-loader传递该参数，触发配置schema校验失败。

• 第一步：卸载当前项目中安装的高版本css-loader

# npm
npm uninstall css-loader
# yarn
yarn remove css-loader

• 第二步：安装与Nuxt 2.x匹配的v3版本css-loader

# npm
npm install css-loader@3.x --save-dev
# yarn
yarn add css-loader@3.x -D

• 第三步：清理缓存并重建依赖（可选，解决残留依赖冲突）
  删除项目根目录下的node_modules文件夹、package-lock.json或yarn.lock文件后重新执行安装依赖命令
• 额外注意：如果你的项目原有自定义webpack配置中手动给css-loader配置了compileType参数，需要手动删除该配置，替换为css-loader v3版本支持的配置项即可。
  如果处理完css-loader后仍有类似loader配置报错，可同步检查postcss-loader版本，降级到v4以下版本适配Nuxt 2的内置构建逻辑。

内容的提问来源于stack exchange，提问作者Serafim