vue3下sourcemap定位不准的问题及解决方法

问题现象

在开发过程中发现代码出现的问题和浏览器控制台指向的代码有出入，然后查找资料寻找问题

1. 在调用方法的时候传了一个未声明的变量a

2. 浏览器上显示的报错信息，点击之后发现不知所云

解决方法

1. 在vite.config.ts中开启sourcemap

export default defineConfig(({ mode, command, ssrBuild }) => {
  return {
    ...
    build: {
      ...
      sourcemap: mode === 'production' ? false : true,
    },
  };
});

2.关闭浏览器中Enable JavaScript source maps的选项

结果

都对了~~