質問：public配下に配置したJSを開発モードで動作させることは可能ですか

InumberX commented 1 year ago

問題

publicディレクトリ配下にJSを配置して動作させたいと考えています本番ビルドを行って生成したページでは動作するのですが、開発モードだと動作していないようです開発モードで外部ファイル化したJSを動作させることは可能でしょうか

├── public
│   └── assets
│       └── js
│           └── common.js
└── src
    ├── pages
    │   └── index.tsx
    └── root.tsx

[public/assets/js/common.js]
window.addEventListener('DOMContentLoaded', () => {
    console.log('DOMContentLoaded')
})

[src/root.tsx]
〜.中略 〜
const Root = ({ location, frontmatter, children }: RootProps) => {
  〜.中略 〜
  return (
    <>
      <Head>
        〜.中略 〜
        <script src="./assets/js/common.js" defer />
      </Head>
      〜.中略 〜
    </>
  )
}

結果

開発モードだとJSが動作しない
本番ビルドを行って生成したページではJSが動作する

期待する結果

開発モード時でもJSを動作させたいと考えています仕様上可能かどうかをご教示いただけると助かります

InumberX commented 1 year ago

v3にアップグレードしたらいけるかもしれないので試す

https://github.com/qrac/minista/issues/60#issuecomment-1278891484

InumberX commented 1 year ago

申し訳ありません、v3にアップグレードしたところ解消したのでCloseさせていただきます

qrac / minista

質問：public配下に配置したJSを開発モードで動作させることは可能ですか #117

問題

結果

期待する結果