程序员经验分享-hwhale

Html+单页面引入element以及Vue框架引用地址报错（unpkg.com国内无法访问可代替方案）

2023-12-19

问题

在这里插入图片描述

单页面引入element以及vue 地址报错，请求超时

使用的引用地址是官网上提供，但是没解决问题
在这里插入图片描述

一、原因：

unpkg 也没有幸免于难，也被墙了， unpkg上的相关资源都不能访问 ，才导致项目资源加载不出。

二、解决方法

方法一

可以使用 unpkg.com 的国内镜像地址： 

unpkg.zhimg.com

修改前

在这里插入图片描述

修改后

在这里插入图片描述

页面正常显示了，也能使用Vue语法以及element框架了

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vuejs

javascript

前端

Html+单页面引入element以及Vue框架引用地址报错（unpkg.com国内无法访问可代替方案） 的相关文章

  • 获取express.js中间件请求中“#”后的url

    我需要获取服务器中间件上的 url 使用express js 我用req url但是当 url 开头时 some urlreq url 返回 与req path 有没有办法获取url之后 在express js中 No URL 中以 符号永

  • 如何使用 HTML 5 实现类似 gmail 的文件上传/附件

    我记得一些支持 Ajax 之类的选项 无回发世界 文件上传 隐藏的 iframe 使用 flash 对象 尽管我仍然好奇为什么使用 SWF 以及它提供什么优势 然而 通过查看博客 HTML 5 似乎很有前途 我尝试了一些小示例 它确实有效

  • 如何实时改变setInterval的速度

    我想知道如何实时更改 setInterval 的速度 例如 if score lt 10 repeater setInterval function spawnEnemy 1000 if score gt 10 repeater setIn

  • axios 请求中未发送正文数据

    我试图通过 axios 请求将数据发送到我的后端脚本 但正文看起来是空的 这是前端发送的请求 axios request method GET url http localhost 4444 next api headers Authori

  • 类型错误：类扩展值未定义不是函数或 null

    尝试创建这些实体时出现以下错误 TypeError Class extends value undefined is not a function or null 我假设这与循环依赖有关 但是在使用表继承和一对多关系时应该如何避免这种情况

  • 如何让Gmail像加载进度条一样

    我想在页面的中心和顶部创建一个像 Gmail 一样的加载进度条 并适用于所有浏览器 这是基本代码

  • Mapbox GL 中的 MaxBounds 和自定义非对称填充

    我有一个 Mapbox GL JS 应用程序 在地图上显示一些小部件 为了确保地图上的任何内容都不会被它们隐藏 我使用以下命令添加了一些填充map setPadding 这是一个不对称的 在我的例子中左边比右边大 它按预期工作 例如fitB

  • 如何在不阻止触摸启动的情况下防止“过度滚动历史导航”？

    我正在实现基于滑动的导航 但我在使用 Chrome 时遇到了麻烦 当页面向右拖动时 会触发新实现的功能 过度滚动历史导航 从而导致跳回 到 历史 1 为了防止这种情况 我必须打电话 preventDefault on touchstart

  • 设置双指缩放时精确的滚动位置

    我正在创建一个地图应用程序 它将标记图像放置在画布上并滚动到它 我正在使用浏览器的捏缩放和滚动来放大 缩小地图 然而 我注意到有一些奇怪的行为 我想知道如何解决它 这有点难以解释 但我们开始吧 假设您处于网页的标准缩放级别 无法进一步缩小

  • 这种类型注释在没有 TypeScript 的 React 代码中如何工作？

    我在看这段代码示例 https reacttraining com react router web example auth workflow在 ReactRouter 页面上 这篇文章很有趣 const PrivateRoute com

  • karma/jasmine 控制台更详细的测试结果

    我使用 Karma 和 Jasmine 进行 javascript 单元测试 假设我有一个失败的测试 如下所示 expect objectA toEqual expectedObjectA 当失败时 我看到控制台上转储了两个对象 并显示一条

  • JavaScript 将键添加到数组中的每个值

    我下面有这个数组 它由一个简单的数组组成 我想要完成的是放一把钥匙id在每个数组值前面以实现类似的效果 id a id b id c id d 有没有一种简单的方法可以做到这一点 任何帮助将不胜感激 谢谢 var test a b c d

  • 如何在 React Native 上显示 SVG 文件？

    我想显示 svg 文件 我有一堆 svg 图像 但我找不到显示的方式 我尝试使用Image and Use的组成部分反应本机 svg https github com magicismight react native svg但他们不这样做

  • 检索 css3 缩放元素的宽度/高度

    我正在与 offsetWidth 属性的奇怪之处 我认为 作斗争 这是场景 比方说 我有一个span标签 在我的js中 在某个时刻我执行css3转换 对于这个元素 例如 el set styles transform scale scale

  • webpack中动态加载外部模块失败

    我正在尝试建立以下架构 一个核心 React 应用程序 它具有一些基本功能 并且能够在运行时加载其他 React 组件 这些额外的 React 组件可以按需加载 并且它们在构建核心应用程序时不可用 因此它们不能包含在核心应用程序的捆绑包中

  • 类中可以有生成器 getter 吗？

    我的意思是吸气剂是发电机 我相信这一切都是 ES6 也许像这样 class a get count let i 10 while i yield i let b new a for const i of b count console lo

  • 如何重复 ajax 请求，直到满足 RxJS Observable 的条件？

    我正在尝试重复请求 直到响应包含使用 RxJS 的数据 此时我想调用成功 或失败 处理程序 但我在使用 RxJS 时遇到了麻烦 这是我目前的方法 redux observable action observable mergeMap gt

  • 使用 ref 触发反应 dropzone 不起作用

    我正在实现这个库 https github com felixrieseberg React Dropzone Component https github com felixrieseberg React Dropzone Compone

  • d3.event.translate 在触摸设备的缩放上包含 NaN

    我使用 d3 为我的 svg 编写了一个自定义缩放函数 如下所示 Zoom behavior function myzoom xpos d3 event translate 0 ypos d3 event translate 1 vis a

  • 确定 Javascript 中的日期相等性

    我需要找出用户在 Javascript 中选择的两个日期是否相同 日期以字符串 xx xx xxxx 形式传递给该函数 这就是我需要的全部粒度 这是我的代码 var valid true var d1 new Date datein val

随机推荐

  • 【ranger】CDP环境 更新 ranger 权限策略会发生低概率丢失权限策略的解决方法

    一 问题描述 我们的 kafka 服务在更新 添加 ranger 权限时 会有极低的概率导致 MM2 同步服务报错 报错内容 Not Authorized 但是查看 ranger 权限是赋予的 并且很早配置的权限策略也会报错 相关组件版本

  • 软件测试/测试开发|最容易上手的Ubuntu虚拟机安装教程

    简介 我们在日常的学习和工作中 经常需要我们在Linux系统上部署环境或者执行测试 但是有时候服务器资源并没有这么好申请 特别是当我们在学习时 购买服务器会增加我们的成本 在这个时候 我们就可以使用虚拟机了 我们使用虚拟机来安装Linux系

  • 用友出席操作系统大会，携手麒麟软件深度服务企业数智化

    12月15日 操作系统大会 openEulerSummit2023在北京召开 用友受邀参加麒麟软件分论坛 与行业大咖一道 共话产业链生态引领基础软件加速技术创新 在企业数智化转型大潮中 用友聚合各行各业生态伙伴 共同营建全球领先的数智商业创

  • 云服务器1核1G能干什么？

    随着云计算技术的不断发展 云服务器已经成为企业和个人用户的重要选择 其中 1核1G的云服务器是市场上比较常见的一种配置 那么 1核1G的云服务器有哪些用途呢 搭建小型网站或个人博客 对于一些小型网站或个人博客来说 并不需要太多的计算资源和存

  • ant-design-vue三级菜单

  • 如何入门Appium-移动端自动测试框架？

    Appium是一个开源跨平台移动应用自动化测试框架 既然只是想学习下Appium如何入门 那么我们就直奔主题 文章结构如下 为什么要使用Appium 如何搭建Appium工具环境 超详细 通过demo演示Appium的使用 Appium如何

  • Jtti：常见的数据库服务器的启动方法

    数据库服务器的启动方法取决于所使用的数据库管理系统 DBMS 以下是一些常见数据库服务器的启动方法 MySQL MariaDB 在Linux上 使用以下命令启动MySQL服务器 sudo service mysql start 或者 sud

  • 2023建筑行业薪资趋势？如何提高建筑设计效率呢？

    12月6日 国外著名 建筑可视化网站CGarchitect 公布了其2023年建筑可视化薪资调查结果 详细描述了行业内的薪资趋势 调查表明 占比较高的是有16 04 的年收入低于10000美元 约71000人民币 其次是11 75 的受访者

  • Scala多线程爬虫程序的数据可视化与分析实践

    一 Scala简介 Scala是一种多种类型的编程语言 结合了针对对象编程和函数式编程的功能 它运行在Java虚拟机上 具有强大的运算能力和丰富的库支持 Scala常用于大数据处理 并发编程和Web应用程序开发 其灵活性和高效性编程成为编写

  • 基于PaddleOCR搭建身份证识别web api接口

    前言 通过 这篇文章 基于PaddleOCR的DBNet神经网络实现全网最快最准的身份证识别模型 开发的身份证识别模型 还无法进行部署应用 这篇文章就已经开发好的代码如何部署 并如何通过api的接口进行访问进行讲解 项目部署 以window

  • 图片编辑软件怎样使用？整理好的方法都在这里了

    马上迎来毕业季啦 各位准毕业生们除了在 奋笔疾书 自己的毕业论文 是不是也在准备拍摄毕业照呢 大家在校园里度过了各种美好时光 如今即将告别这个充满青春和梦想的地方 走向新的人生阶段 而作为人生中一个重要的节点 当然需要通过拍摄毕业照 来留下

  • 玩转Docker（六）：数据挂载与共享

    文章目录 Docker的两种存放数据的资源 1 Storage Driver 2 Data Volume 3 使用场景 一 使用Data Volume 1 v

  • 成为软件测试工程师需要学什么？

    成为 软件测试 工程师需要学习测试环境的搭建 前端开发知识 数据库 知识 测试理论基础 开发语言基础 自动化测试 进阶内容 1 测试环境的搭建 本部分主要是学习从 操作系统 开始 有关的计算机基础知识 软件和硬件知识 计算机理论知识 网络知

  • IP地址与实时位置之间的关系

    在互联网的普及和信息技术的快速发展中 IP地址作为一种标识符 已经深入到我们的日常生活和工作中 然而 对于IP地址与实时位置的关系 许多人存在误解 本文将对此进行澄清 阐述IP地址与实时位置之间的关系 首先 需要明确的是 IP地址本身并不直

  • 自动生成字幕的播放器有哪些？推荐几款实用的工具

    大家平时在看电影和电视的时候 是不是都习惯通过字幕来理解人物中的对话信息呢 是的 字幕确实可以方便大家获取视频信息 为大家提供更舒适的观影体验 而对于一些没有字幕信息的视频 大家也不用担心 我们可以借助一些自动生成字幕的电脑播放器来为视频添

  • 软件测试/测试开发/人工智能丨机器学习中特征的含义，什么是离散特征，什么是连续特征。

    在机器学习中 特征 Feature 是输入数据中的属性或变量 用于描述样本或数据点 特征对于机器学习模型而言是输入的一部分 模型通过学习样本的特征与其对应的标签 或输出 之间的关系来做出预测或分类 特征可以分为不同类型 其中两个主要的类型是

  • 华纳云：网站空间提示容量已满有哪些解决方法？

    当网站空间容量已满时 您可以采取一些解决方法来释放空间 优化资源利用或扩大存储容量 以下是一些可能的解决方法 删除不必要的文件 检查网站文件和数据库 删除不再需要的或过期的文件 这可能包括旧的备份 日志文件 临时文件等 优化数据库 如果您的

  • HTTP JSON接口模拟工具Interfake快速入门教程

    一 简介 Interfake能简便地创建虚假的HTTP API 只需简单几行代码就可以创建模拟JSON接口 使用命令行方式也可以不写代码 不需要安装web服务器 Interfake是NodeJs开发的 是一款开源Mock Server工具

  • 软件测试/测试开发/人工智能丨使用 GraphWalker 实现自动化测试用例生成

    GraphWalker是一个用于模型驱动测试 Model Based Testing 的工具 它通过有向图 图模型 来描述系统的行为 然后生成测试用例以覆盖不同的路径 以下是使用GraphWalker实现自动化测试用例生成的基本步骤 步骤

  • Html+单页面引入element以及Vue框架引用地址报错（unpkg.com国内无法访问可代替方案）

    问题 单页面引入element以及vue 地址报错 请求超时 使用的引用地址是官网上提供 但是没解决问题 一 原因 unpkg 也没有幸免于难 也被墙了 unpkg上的相关资源都不能访问 才导致项目资源加载不出 二 解决方法 方法一 可以使

热门标签