无法解析style-loader模块报错求助：已装依赖仍未解决

核心原因 #

你的webpack配置文件存在语法错误，导致配置解析失败，webpack无法正确识别已安装的style-loader。

具体错误位置 #

在处理JS文件的规则中，test属性的写法有误：

// 错误写法
{
    test: '/\.js$/','  // 多余的引号+末尾逗号，违反JS语法
    exclude: /node_modules/,
    loader: "babel-loader"
},

修复方案 #

将上述错误规则替换为正确的正则表达式写法（无需引号，移除多余逗号）：

// 正确写法
{
    test: /\.js$/,
    exclude: /node_modules/,
    loader: "babel-loader"
},

后续操作 #

1. 保存修改后的webpack配置文件
2. 重新执行构建命令：

npm run build-dev

此时webpack能正常解析配置，找到已安装的style-loader，报错即可解决。

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