[Vue warn]: Invalid Component definition: /img/appstore.2dbb5645.svg

[Zuojiangtao]

// vue.config.js

chainWebpack: config => { 
 const svgRule = config.module.rule('svg')
    svgRule.uses.clear()
    svgRule
      .oneOf('inline')
      .resourceQuery(/inline/)
      .use('vue-svg-icon-loader')
      .loader('vue-svg-icon-loader')
      .end()
      .end()
      .oneOf('external')
      .use('file-loader')
      .loader('file-loader')
      .options({
        name: 'assets/[name].[hash:8].[ext]',
      })
}

// pages

<template>
  <div>
    <appstore />
</div>
</template>

<script>
import { appstore } from '@/assets/icons/appstore.svg?inline'

export default {
  components: {
    appstore,
  }
}
</script>

// browser

[Vue warn]: Invalid Component definition: /img/appstore.2dbb5645.svg