美文网首页
element-ui字体加载失败

element-ui字体加载失败

作者: 二营长家的张大炮 | 来源:发表于2021-05-07 11:15 被阅读0次
报错
We're sorry but index doesn't work properly without JavaScript enabled. Please enable it to continue 

项目中element-ui的js和css文件都是通过加载本地静态文件配置externals的。

奇怪的是iconfont的字体可以加载但是element-ui的加载报错

后来我就安装了url-loader依赖,然后修改vue.config.js配置文件

 {
          // 处理字体
          test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
          use: {
            loader: 'url-loader',
            options: {
              limit: 10240, // 可根据实际情况自行设定
              name: 'fonts/[name].[hash:8].[ext]',
              javascriptEnabled: true
            }
          }
        }

配置完成之后iconfont的字体就加载不了了

于是我把iconfont的字体文件都放到了我存放静态文件的static目录下然后就可以了

疑惑:
是不是跟我copyWebpackPlugin这个依赖有关

相关文章

  • element-ui字体加载失败

    报错 项目中element-ui的js和css文件都是通过加载本地静态文件配置externals的。 奇怪的是ic...

  • 记一次 Element UI 踩坑

    引入 CSS 打包后 字体图标字体文件加载失败 版本 2.8.2 解决办法 添加一行 publicPath:'.....

  • 2019-11-13

    关于ios自定义字体加载无效,失败1.确认资源库字体与info.plist文件一致 2.确认Resources是否...

  • AssetBundle加载的TMP字体材质赋值失败

    1)AssetBundle加载的TMP字体材质赋值失败 2)资源打包关系依赖树 3)Shader中设置ColorM...

  • 相关插件

    axios vue-router vuex vue-lazyload 图片懒加载 element-ui 按需加载 ...

  • VUE首屏加载优化

    (1)组件按需加载;对Element-UI, Mint-UI组件进行按需加载;(2)路由组建懒加载;异步加载con...

  • iOS 动态加载字体

    iOS动态加载字体有两种方案 1.加载系统自带字体, 虽然叫系统自带字体, 但还是需要通过网络下载. 系统自带字体...

  • 20-webpack 加载字体优化

    在 08-webpack加载字体 中,使用 file-loader 可以加载字体资源。 通过 url-loader...

  • 树形表格之懒加载动态渲染

    要求:熟悉element-ui中关于table的官方例子——树形数据与懒加载 element-ui中,官方给了两种...

  • KEGG 气泡图

    加载R包 加载数据 画图 查看ggplot2的默认字体 查看windows的默认字体

网友评论

      本文标题:element-ui字体加载失败

      本文链接:https://www.haomeiwen.com/subject/lyesdltx.html