问题描述：vue项目打包后，把dist挂到服务器上打开网址出现空白屏，出现下图报错

GET https://cdn.jsdelivr.net/npm/vue@2.6.11/dist/vue.min.js net::ERR_CONNECTION_TIMED_OUT

Uncaught ReferenceError: Vue is not defined

简而言之就是找不到引入的CDN资源

分析原因：根据报错信息找到了引入资源文件的位置，在vue.config.js文件中，浏览器在加载的时候没有找到对应路径的CDN资源（路径不对或已经失效）

找了一下代码中的地址确实一个都没有找到，上一位老哥给我挖的坑真不错，也许是我不会改他的这个路径，哈哈哈哈

解决办法：来了来了！！精彩的来了！！！（可以直接看2）

1---先吐槽一下：遇事不慌，万事有度娘，结果这次翻车了，网上没有一个帖子是正常的，大部分都是水贴，顿时心里***，什么***，下面这个就是典型的例子

2---进入正题：既然浏览器没有找到CDN资源，那我们就拿一个有效的CDN资源放到这里就可以了，注释是原来报错的无效CDN资源，下面是自己重新找到CDN资源，在贴代码的时候可以自己先在浏览器上打开看看是否有效，并不是每一个CDN资源都容易找到。

推荐使用Boot CDN（BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务）强推！！，唯一的缺点就是没法直接搜索，反正我的是这样，但也不是没有解决办法，直接在url里面替换自己想要的资源名字就可以了

到此网页这也没有白屏了，领导这也不用担心买不起车车了！

结语：看一篇文章的时候如果很长，一定要先看评论！！垃*文章坑*人。

预祝大家六一快乐，开心

 

 

 

# vue.js # 前端 # javascript
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue