Nuxt 3 / Vue 3 - 外部 jabascript ファイル ( src ) を設定する例

Posted at 2025-01-07

問題

template に script タグが書けない

<template>
  <html>
    <head>
      <script src="example.js"></script>
    </head>
  </html>
</template>

以下エラーが発生する

Tags with side effect (<script> and <style>) are ignored in client component templates.

useHead を使えば良い

<script setup lang="ts">
useHead({
  script: [
    {
      src: 'example.js',
      tagPriority: 1,
    },
  ],
})
</script>

何か質問、悩み事、相談などあればLINEオープンチャットもご利用ください。