実現したいこと
現在表示されているエラーを解消して、
jsファイルを動くようにしたいです。
前提
Webサイトを作っています。webpackを使ってjsファイルを一つに統合して、
ローカル環境で検証をした時にエラーが表示されてしまいます。
発生している問題・エラーメッセージ
bundle.js:2 Uncaught ReferenceError: require is not defined at 2781 (bundle.js:2:460334) at __webpack_require__ (bundle.js:2:924727) at 8875 (bundle.js:2:378146) at __webpack_require__ (bundle.js:2:924727) at bundle.js:2:925011 at bundle.js:2:925140
該当のソースコード
JS
1const path = require('path'); 2const glob = require('glob'); 3 4const entries = glob.sync("./src/**/*.js") 5module.exports = { 6 mode: 'development', 7 entry: entries, 8 target: 'node', 9 output: { 10 path: path.join(__dirname, "dist"), 11 filename: "bundle.js" 12 }, 13 experiments: { 14 topLevelAwait: true 15 }, 16 resolve: { 17 extensions: ['.js', '.json', 'wasm'] 18 } 19};
試したこと
htmlファイルにbundle.jsを読み込む際に<script type="module" src="bundle.js"></script>
になっていることを確認しました。
また、package.jsonファイルに"type": "module"が記載されていないことも確認しました。
補足情報(FW/ツールのバージョンなど)
M1チップのMacBook Air
macOS Ventura 13.0.1
Chromeブラウザを使用して開発しています
必要な情報が他にも必要でしたらご連絡ください。
よろしくお願いいたします。
回答1件