Nuxt.jsで外部リソースが読み込めない

Question

前提・実現したいこと

全画面で共通の処理を持っているJavaScriptのファイルを事前に？読み込んで使えるようにしたい。
ファイルは~/assets/javascript/sample.js で用意しています。

発生している問題・エラーメッセージ

• Nuxt.config.jsで以下のように読み込ませたが404になってしまう。

export default {
  head: {
    script: [
      { src: 'sample.js' }
    ]
  }
}

• 以下のパターンも試したが404

export default {
  head: {
    script: [
      { src: '~/assets/javascript/sample.js' }
    ]
  }
}

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

assetsではなくstaticにファイルを置くことで問題は解消されるかと思います。

Comments

[chaso_0307]

回答ありがとうございます。
ファイルを置くディレクトリは `~/static/javascript/sample.js` で問題ないでしょうか？

nuxt.config.jsでの指定は `src: 'sample.js'` で同じく問題ないでしょうか？

[kai0310]

ファイルを置く場所に関しては問題ないかと思います。
nuxt.config.jsではstaticファイルから見たパスを記述する必要があります。
よってファイルを置く場所を `~/static/javascript/sample.js` にする場合は `src: 'javascript/sample.js'` にする必要があるかと思います。

[chaso_0307]

参照できました！
ありがとうございました！

[kai0310]

解決された様で何よりです