vue饿了么学习笔记（4）icon字体加载问题，提示 These relative modules were not found: ./font/sell-icon.eot...

找不到模块的路径，后在package.json加载了file-loader之后发现还是不行，原来是项目内的路径没有改，自动生成文件时，icon.styl中路径默认为 src:url('fonts/sell-icon.eot?2f8f02');src:url('fonts/sell-icon.eot?2f8f02#iefix') format('embedded-opentype'),...

qq_22317389

6992人浏览 · 2018-03-18 16:05:57

qq_22317389 · 2018-03-18 16:05:57 发布

找不到模块的路径，后在package.json加载了file-loader之后发现还是不行，原来是项目内的路径没有改，自动生成文件时，icon.styl中路径默认为

 src:  url('fonts/sell-icon.eot?2f8f02');
  src:  url('fonts/sell-icon.eot?2f8f02#iefix') format('embedded-opentype'),
    url('onts/sell-icon.ttf?2f8f02') format('truetype'),
    url('fonts/sell-icon.woff?2f8f02') format('woff'),
    url('onts/sell-icon.svg?2f8f02#sell-icon') format('svg')
  font-weight: normal
  font-style: normal

将路径改成当前项目下的路径即可，我的改为：

@font-face 
  font-family: 'sell-icon'
  src:  url('../fonts/sell-icon.eot?2f8f02');
  src:  url('../fonts/sell-icon.eot?2f8f02#iefix') format('embedded-opentype'),
    url('../fonts/sell-icon.ttf?2f8f02') format('truetype'),
    url('../fonts/sell-icon.woff?2f8f02') format('woff'),
    url('../fonts/sell-icon.svg?2f8f02#sell-icon') format('svg')
  font-weight: normal
  font-style: normal

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^