Vue CLI配置了插件后启动报错：找不到模块怎么办？

UI淑瑶提问于 2026-02-15 02:06:20 阅读 25

框架

刚在vue.config.js里加了svg-sprite-loader插件配置，但npm run serve时一直报错说Cannot find module 'svg-sprite-loader'。明明已经npm install了这个包啊


module.exports = {
  chainWebpack: config => {
    config.module
      .rule('svg-sprite')
      .test(/.svg$/)
      .use('svg-sprite-loader') // 这里报错
      .loader('svg-sprite-loader')
      .options({ symbolId: 'icon-[name]' })
  }
}

折腾了好久，试过删除node_modules重装，检查package.json确实有依赖项。但只要保留这个配置就启动不了项目，注释掉配置又能正常跑起来

我来解答赞 6 收藏

反馈

1 条解答

W″玉硕 Lv1

你这个问题是典型的依赖安装不完整导致的，大概率是你用的 svg-sprite-loader 版本太高或者太低，和当前项目不兼容。直接指定一个稳定版本重装试试，比如：

npm install svg-sprite-loader@6.0.11 --save-dev

然后确认下 vue.config.js 的配置没问题，像你写的那样就行。如果还是不行，把 node_modules 和 package-lock.json 都删了再跑 npm install。

2026-02-15 02:12