Nuxt•3mo ago

Why do I get Component LayoutLoader is missing from my code?

 <script setup lang="ts">
  import type { ImgHTMLAttributes } from 'vue'
  
  interface LogoProps extends Omit<ImgHTMLAttributes, 'src'> {}
  
  const props = withDefaults(defineProps<LogoProps>(), { as: 'img' });
  const config = useRuntimeConfig();
  const logoUrl = `${config.cdnUrl}/images/assets/affelios-logo.svg`;
  </script>
  
 <template>
   <img v-bind="props" :src="logoUrl" />
 </template>

 <script setup lang="ts">
  import type { ImgHTMLAttributes } from 'vue'
  
  interface LogoProps extends Omit<ImgHTMLAttributes, 'src'> {}
  
  const props = withDefaults(defineProps<LogoProps>(), { as: 'img' });
  const config = useRuntimeConfig();
  const logoUrl = `${config.cdnUrl}/images/assets/affelios-logo.svg`;
  </script>
  
 <template>
   <img v-bind="props" :src="logoUrl" />
 </template>

1 Reply

KraZOP•3mo ago

[@vue/compiler-sfc] Failed to resolve extends base type. If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore / before it, for example: interface Props extends / @vue-ignore */ Base {} Note: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime. D:/projects/affelios/Affelios-Portal-Client/components/Logo.vue 2 | import type { ImgHTMLAttributes } from 'vue' 3 |
4 | interface LogoProps extends Omit<ImgHTMLAttributes, 'src'> {} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 5 |
6 | const props = withDefaults(defineProps<LogoProps>(), { as: 'img' });

Gaming

Programming

Why do I get Component LayoutLoader is missing from my code?