富文本 unpkg.com地址无法访问可替代方案

一、背景:

项目中使用的 wangEditor富文本,使用的地址为:https://unpkg.com ,但无法访问,富文本加载不出来,一直转圈圈

二、解决方案:

2.1、方案一 :

将项目中 https://unpkg.com 替换为 https://cdn.jsdelivr.net/npm

替换前代码:

富文本 unpkg.com地址无法访问可替代方案_第1张图片

替换后代码:

富文本 unpkg.com地址无法访问可替代方案_第2张图片

2.2、方案二 :

将项目中 https://unpkg.com 替换为 https://npm.elemecdn.com   

替换后代码

富文本 unpkg.com地址无法访问可替代方案_第3张图片

2.3、方案三:

官方指引地址:安装 | wangEditor

根据官方文档指引,可以在 npm 安装完成之后,在安装包找到 JS CSS 文件,再引入这两个文件

富文本 unpkg.com地址无法访问可替代方案_第4张图片

三、展示效果

图一为使用原地址 https://unpkg.com,富文本加载不出来,一直在转圈圈

富文本 unpkg.com地址无法访问可替代方案_第5张图片

图二为使用替换后的新地址 https://cdn.jsdelivr.net/npm 或 https://npm.elemecdn.com 富文本能正常显示

备注:替换后的新地址二选一,不能同时使用,可根据需求进行选择

富文本 unpkg.com地址无法访问可替代方案_第6张图片

最后:   

你可能感兴趣的:(前端)