静态资源路径错误在vue开发中，我们经常会使用静态资源，如图片、字体等，通常情况下我们是通过相对路径引入这些资源的。但是在打包后，这些资源的路径可能会改变，因此会导致找不到资源的问题。
解决方法：在vue项目中，我们可以使用public文件夹来存放静态资源，这些资源不会被打包进去，而是通过绝对路径进行引用。例如：
<template> <img :src="$publicpath/logo.png"></template>
这里的$publicpath会根据打包后的路径自动变化，保证了静态资源的正确引用。
引用第三方库出错在vue项目中，引用第三方库是很常见的操作。但是在打包后，由于第三方库中可能存在各种模块依赖问题，会导致打包失败或报错。
解决方法：在打包前，我们需要把第三方库的依赖关系加入到webpack的配置中。例如，在vue.config.js中配置：
module.exports = { configurewebpack: { externals: { 'jquery': 'window.jquery' } }}
这里的externals设置了jquery库的外部依赖，即告诉webpack该库是在全局变量window.jquery中定义的，而不是在打包文件中。
使用es6语法出错在vue开发中，我们经常会使用es6语法来编写javascript代码。但是在打包后，一些旧版浏览器可能无法解析这些语法，导致代码出错。
解决方法：在打包前，我们可以使用babel工具将es6语法转换成es5语法，这样就可以在旧版浏览器上运行了。在vue项目中，babel的配置通常在babel.config.js中。例如：
module.exports = { presets: [ '@vue/cli-plugin-babel/preset' ]}
这里的@vue/cli-plugin-babel/preset是vue cli自带的babel预设，将es6代码转换成es5代码。
打包后缺少模块或依赖错误在vue开发中，我们经常使用npm包管理器来安装一些依赖库，这些库在打包时也被打包进去了。但是在某些情况下，打包后可能会出现缺失模块或依赖关系错误。
解决方法：通常这种错误是由于package.json中的某些依赖关系错误或某些包没有被正确安装所引起的。我们可以使用npm的安装命令重新安装一下缺失的包即可。例如：
npm i axios
这里的axios是一个常见的npm包，安装命令会重新下载并安装该包及其依赖。
总结：
vue开发中出现打包报错的原因可能非常多，但是大多数情况下都可以通过调试控制台和查找文档来解决。在开发中，我们需要做好代码规划和组织，保证代码质量和可靠性，这样才能避免出现一些常见的打包错误。
以上就是vue开发正常打包报错的详细内容。