Vue3提示vue3-google-login模块找不到，为何在src目录查找？

云上老周

2026-7-8

解决vue3-google-login模块找不到的问题

一步步排查问题：

确认包是否成功安装
打开项目根目录的package.json，查看dependencies中是否存在vue3-google-login；也可以在终端执行npm list vue3-google-login，如果没有输出该包信息，说明安装未完成，换源重新安装：
```
npm install vue3-google-login --registry=https://registry.npmmirror.com
```
检查Webpack解析配置
Vue CLI默认会从node_modules查找第三方包，但自定义vue.config.js的resolve规则可能覆盖默认行为。打开vue.config.js，若存在resolve.modules配置，确保包含node_modules：
```
const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  configureWebpack: {
    resolve: {
      modules: ['node_modules', 'src']
    }
  }
})
```
没有该文件的话直接新建即可。
清除构建缓存
Webpack或Vue CLI的缓存可能引发异常，手动清除后重新构建：
```
# Linux/macOS
rm -rf node_modules/.cache
# Windows
rd /s /q node_modules\.cache
```
之后重新执行npm run serve。
验证导入路径正确性
确认main.js中的导入语句是import vue3GoogleLogin from 'vue3-google-login'，而非带相对路径的./vue3-google-login（后者会强制到src目录查找）。