vue cdn引入一段时间后 在某些浏览器报错

最新推荐文章于 2024-09-20 14:31:56 发布
最新推荐文章于 2024-09-20 14:31:56 发布
阅读量553 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： # vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/KingJordon/article/details/106644448
本文分享了因CDN引入的资源版本与项目中实际使用的版本不一致导致的问题及解决办法。作者最初为了减小项目打包体积，选择通过CDN引入部分依赖，但随着项目中依赖版本的升级，未及时更新CDN链接，导致在某些浏览器中项目无法正常运行。发现问题后，通过检查控制台错误信息定位到具体原因，并通过更新CDN链接至与项目中依赖版本一致的资源，成功解决了该问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

之前为了缩小打包体积，一些东西使用cdn引入，过了一段时间项目在某些浏览器打不开，打开控制台，发现cdn资源错误

原因：cdn引入版本与项目版本不符

之前用的vue版本是2.5.10版本，cdn引入的也是，现在项目里vue是2.6.11（在package.json查看项目中的版本）

更新cdn的版本即可

 

Vue 各个资源包之间的区别（vue.common.dev.js、vue.runtime.esm.js 等等）
vv_bug
11-09 6986
问题描述 今天有童鞋在用 vue 项目写代码的时候，问我为啥会出现以下报错？ [Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. (found in <Root>
Vue2+Vue3基础入门到实战项目（一）—— 课程学习笔记
upgrade_bro的博客
08-21 3097
2023新版Vue2+Vue3基础入门到实战项目。Vue快速上手！
vue项目加载cdn失败解决方法
weixin_39031037的博客
09-20 591
找到vue.config.js文件注释、注释index.html文件中。
开发vue3 + vite Vetur插件报引入.vue路径 ”different name“错误
QAZWSX821的博客
06-25 488
设置 > 扩展 > Vetur > 关闭
vite + vue3引入ant design vue 报错
weixin_38673922的博客
01-05 982
npm install ant-design-vue --save下载插件并在main.ts 全局引入。main.ts注释掉全局引入。
vue-resource请求超时timeout设置
dianwo1613的博客
11-29 737
请求超时设置通过拦截器Vue.http.interceptors实现具体代码如下 main.js里在全局拦截器中添加请求超时的方法 方法1：超时之后会调用请求中的onTimeoutd方法，then方法不会执行 Vue.http.interceptors.push((request, next) => { let timeout; // 如果某个请求设置...
Vue2：npm的几个报错问题
weixin_43932309的博客
01-24 4317
1）tough-cookie、xlsx、node-fetch、[email protected]、chromedriver 装不上，起不来，构建不成功。 2）npm install时，抛错Maximum call stack size exceeded
vue引入gojs报错
12-28
考虑到 GoJS 是一个较为复杂的库，建议采用 CDN 方式或者 NPM 安装的方式将其加入到项目当中，并按照文档说明完成必要的初始化工作。 如果是通过 npm 安装，则可以在组件内部按如下方式进行局部注册: ```...
dom-to-image+cdn引入报错
01-08
### 使用 `dom-to-image` 通过 CDN 引入时遇到报错的解决方案 当使用 `dom-to-image` 库并尝试通过 CDN 方式引入时，可能会遇到各种错误。为了确保库能够正常工作，需确认几个关键点。 #### 确认依赖项加载顺序 ...
vscode新建vue项目，新建vue文件，一打开就报错
最新发布
05-10
-- 引入CDN版Vue核心库 --> <script src="https://cdn.jsdelivr.net/npm/vue@next"> <div id="app">{{ message }} const app = Vue.createApp({ data() { return {message:'Hello world!'} } }); //挂载根...
记录--Vue使用CDN引入，响应式失效？
林恒的博客
12-05 300
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 背景 最近心血来潮，想要在本地开发时，也用CDN的方式引入 Vue，想着既然通过CDN引入了，那么在项目中就没必要再 import Vue，然后把项目中引入 Vue 的地方都删掉，结果改完后，界面看似正常运行，但数据变更后，界面没有重新渲染。经过一番折腾，终于定位到问题。 vue版本：Vue2.7+；打包工具：Vite；核心插件：...
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏
草巾冒小子的博客
03-22 7129
vue动态引入外部CDN导致线上项目页面无法显示 - 看了不亏 也不知道是什么原因？总结一下，分析给大家看，继续。 原因分析： cdn停更或版本迭代替换或路径变更，导致引入的文件不存在？ vuejs 自己的一套 cdn解析 系统导致的？ cdnjs有bug? 为什么线上项目样式出不来？但是右键open in new tabs，发现cdn文件确实存在？ 为什么本地虚拟服务器跑同样的项目却可以正常显...
vue2.0 页面在华为自带浏览器里无法打开。
crli的博客
06-19 2627
因为华为手机内置的浏览器内核版本太低！解决方案1：npm install --save -dev babel-polyfill 在你的主入口文件app.js中import 'babel-polyfill'即可解决方案2： 也就是使用cdn的资源，以js的文件加入到html页面：加一个https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min
使用CDN时注意的问题
weixin_34238633的博客
11-20 654
使用CDN时注意的问题CDN工作原理[编辑]使用了CDN缓存后的网站的访问过程为：1)、用户向浏览器提供要访问的域名；2)、浏览器调用域名解析库对域名进行解析，由于CDN对域名解析过程进行了调整，所以解析函数库一般得到的是该域名对应的CNAME记录，为了得到实际IP地址，浏览器需要再次对获得的CNAME域名进行解析以得到实际的IP地址；在此过程中，使用的全局负载均衡DNS解析...
CDN引入Vue
qq_34846628的博客
07-10 611
<body> <div id="app">APP</div> <script src="https://unpkg.com/vue@next"></script> <script> const why = { template: "<h2>Hello World！</h2>" }; const app = Vue.c.
Vue(v2.6.11)万行源码生啃，就硬刚！
掘金安东尼
07-06 2128
玩归玩，闹归闹，Vue 源码要知道。
【vue】解决 vue项目打包后线上报错无法请求cdn.jsdelivr.net相关资源问题
wan小小冰的博客
06-20 3800
解决 vue项目打包后线上报错无法请求cdn.jsdelivr.net相关资源问题
vue中cdn加速与本地资源混合使用,解决cdn失效问题
weixin_46995731的博客
11-20 3276
vue中cdn加速与本地资源混合使用,解决cdn失效问题 这个问题在写一个移动端项目的时候出现过.引入的cdn资源失效,后来直接下载资源放到本地进行引用.后来在网上查阅资料发现,通过document.write()可以两种方法混合使用,特此记录一下. <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script> <script src="https://cdnjs.clo
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值