【前端Vue】出现elementui的index.css引入报错如何解决?

index.vue:106 GET https://unpkg.com/element-ui@2.15.14/lib/theme-chalk/index.css net::ERR_QUIC_PROTOCOL_ERROR 200 (OK)

这个外部引用错误可以考虑将代码下载到本地进行引用来解决问题,同时提高稳定性

在public文件夹下创建element-theme文件夹,

然后在前端根文件夹例如web-ui打开power shell,运行Invoke-WebRequest -Uri "https://unpkg.com/element-ui/lib/theme-chalk/index.css" -OutFile "public/element-theme/index.css"

随后将引入处改为引入本地文件const url = `/element-theme/index.css`

修改代码使用本地文件引入后报错消失,也更加稳定

相关推荐
红色的小鳄鱼2 小时前
Vue 监视属性 (watch) 超全解析:Vue2 Vue3
前端·javascript·css·vue.js·前端框架·html5
web小白成长日记2 小时前
Vue-实例从 createApp 到真实 DOM 的挂载全历程
前端·javascript·vue.js
晚霞的不甘2 小时前
Flutter for OpenHarmony实现高性能流体粒子模拟:从物理引擎到交互式可视化
前端·数据库·经验分享·flutter·microsoft·计算机视觉
晚霞的不甘2 小时前
Flutter for OpenHarmony 流体气泡模拟器:用物理引擎与粒子系统打造沉浸式交互体验
前端·flutter·ui·前端框架·交互
colicode2 小时前
发送语音通知接口技术手册:支持高并发的语音消息发送API规范
前端
橙露2 小时前
前端性能优化:首屏加载速度提升的8个核心策略与实战案例
前端·性能优化
Access开发易登软件2 小时前
Access 中实现 Web 风格的顶部加载进度条
前端·数据库·vba·access·access开发
一起养小猫2 小时前
Flutter for OpenHarmony 实战:打造功能完整的记账助手应用
android·前端·flutter·游戏·harmonyos
hbstream海之滨视频网络技术2 小时前
Google正式上线Gemini In Chrome,国内环境怎样开启。
前端·chrome