Syntax Error: TypeError: Cannot read properties of undefined (reading 'target')

Question

软件版本：
为了解决@vue/compiler-sfc问题，vue版本使用3.2.14，其余版本都和课程一样

Answer 1

Sunday 2023-01-15 22:33:46

你好

从错误来看，是因为没有找到对应的 svg 图片导致的。 你可以看下是否  src/icons/index.js 中进行了导入（并且该代码是否在 main.js 中导入了）：

• 提问者 XueTr #1

  src/icons/index.js 代码如下
  import SvgIcon from '@/components/SvgIcon'
  
  const svgRequire = require.context('./svg', false, /\.svg$/)
  
  svgRequire.keys().forEach(svgIcon => svgRequire(svgIcon))
  
  export default app => {
    // 组件名字，组件实例
    app.component('svg-icon', SvgIcon)
  }
  
  main.js中代码如下：
  import { createApp } from 'vue'
  import App from './App.vue'
  import router from './router'
  import store from './store'
  import installElementPlus from './plugins/element'
  import '@/styles/index.scss'
  import installIcons from '@/icons'
  
  const app = createApp(App)
  installElementPlus(app)
  installIcons(app)
  app.use(store).use(router).mount('#app')

• Sunday 回复 提问者 XueTr #2

  你好，看你的代码应该是没有问题的。但是根据你的报错，应该是 src/icons/index 中的代码执行确实存在了问题导致的。  你可以看下导入的 installIcons 的内容是什么？ 如果找不到问题，可以给我一个 git 地址，我下载代码来看看。

• 提问者 XueTr 回复 Sunday #3

  https://github.com/54yeying/adminxx  , 麻烦老师了

点开查看后面2条评论