Vue.js运行时报错[object Object]求助：npm run serve正常但浏览器报错

• 查看完整错误信息：当前错误只显示[object Object]，没法直接定位问题。打开浏览器F12的Console面板，展开错误栈查看原始错误的详细内容；也可以在main.js中添加全局错误捕获代码，把错误完整打印出来：

  app.config.errorHandler = (err, vm, info) => {
    console.error('全局错误详情:', err, info);
  };
  

• 检查依赖版本兼容性：打开package.json，确认vue、webpack、webpack-dev-server这些核心依赖的版本是否匹配——比如Vue 3需要搭配webpack 5，Vue 2对应webpack 4。执行npm list查看依赖树，排查是否存在版本冲突的依赖包。

• 排查代码中的运行时问题：先检查入口文件main.js/main.ts，看全局组件注册、路由配置、状态管理（Vuex/Pinia）初始化是否有误；再逐步注释组件代码，定位是哪个模块触发的错误；同时检查是否有未捕获的异步操作异常，比如axios请求未添加try/catch处理。

• 清理缓存与冗余文件：删除项目根目录下的node_modules/.cache文件夹清除webpack缓存；用Ctrl+Shift+R强制刷新浏览器缓存；如果项目中有dist文件夹也一并删除，之后重新执行npm run serve。

• 检查devServer配置：查看vue.config.js中的devServer配置，比如overlay设置、proxy代理是否存在错误。可以暂时禁用devServer的overlay，尝试获取完整错误信息：

  module.exports = {
    devServer: {
      overlay: false
    }
  }
  

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