3-10 使用老师推荐 require.context 引入 element icons组件经行全局注册 报错具体见正文

Question

在 utils 文件夹中的 js文件使用 require.context 对内置 icon组件经行引用注册

在main.js 引入 和使用

运行效果如图 能正常使用 但是会报错

Answer 1

Sunday 2021-11-13 20:12:37

你的意思是运行时可以打印，但是依然会抛出undefined错误？
如果是这样的话，有可能是错误提示出现了问题。
我觉得你可以先重启项目判断是否是缓存问题。

• 提问者 隔城府窥红颜 #1

  对运行时 前后一行打印都是正确的 而且功能使用也是正确的（全局注册成功，可不引入直接使用）就是运行起来报错   。  已经重启试过了也会有错误

• Sunday #2

  我好像明白你的意思了。你的意思是组件已经注册了，但是出现了一个莫名其妙的错误对吧。
  如果是这样，那么不排除这个代码运行了多次，其中第一次运行成功了，但是之后执行失败了。所以组件可用，但出现了错误。
  我觉得你可以确定下执行时机

• 提问者 隔城府窥红颜 回复 Sunday #3

  是的就是 莫名的错误。 确定执行时机 是通过log打印呢  还是通过什么方式呢？

点开查看后面1条评论

Answer 2

提问者 隔城府窥红颜 2021-11-13 20:04:46

老师请看 答应出来的 图

Answer 3

Sunday 2021-11-13 19:28:39

你好

这个错误是说你在  global-icon 的 44 行中，从一个 undefined 中 .name 。应该是这行代码

你可以查看下 reqCom.default 是什么内容，或者跟踪下你的逻辑

• 提问者 隔城府窥红颜 #1

  就是这  得到的是  组件的名称 和 组件的地址  打印输出一切正常 就是运行时有错  而且 antd 这种方式都不会报错的    老师请看我自己回答的那个图