実行環境
- OS:iPadOS 15.1
- IDE:play.js
各パッケージのバージョン
質問内容
nodeでwebpack5を使用して開発サーバーを起動したいです。
webpack serve
を実行した際に下記のエラーが発生してしまい、解決方法がわからずにおります。
解決方法にお心当たりのある方、ご助言を頂けませんでしょうか。
エラー内容
※ ファイルパスの *****
は伏字です。
ReferenceError: WebAssembly is not defined at Object.<anonymous> (/*****/src/node_modules/webpack/lib/util/hash/md4.js:11:13) at Module._compile (internal/modules/cjs/loader.js:1176:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1196:10) at Module.load (internal/modules/cjs/loader.js:1009:32) at Function.Module._load (internal/modules/cjs/loader.js:903:14) at Module.require (internal/modules/cjs/loader.js:1051:19) at require (internal/modules/cjs/helpers.js:86:18) at module.exports (/*****/src/node_modules/webpack/lib/util/createHash.js:155:17) at /*****/src/node_modules/webpack/lib/DefinePlugin.js:289:22 at _next27 (eval at create (/*****/src/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:34:1)
該当のソースコード
package.json
json
1 2{ 3 "name": "ts_tutorial", 4 "version": "1.0.0", 5 "private": true, 6 "main": "index.js", 7 "scripts": { 8 "build": "webpack", 9 "start": "webpack serve" 10 }, 11 "dependencies": { 12 "ts-loader": "^9.2.6", 13 "typescript": "^4.5.2", 14 "webpack": "^5.64.3", 15 "webpack-cli": "^4.9.1", 16 "webpack-dev-server": "^4.5.0" 17 } 18}
webpack.config.js
js
1 2const path = require('path'); 3 4module.exports = { 5 mode: 'development', 6 entry: { 7 bundle: './src/app.ts', 8 }, 9 output: { 10 path: path.resolve(__dirname, 'dist'), 11 filename: '[name].js', 12 }, 13 devServer: { 14 hot: 'only', 15 static: { 16 directory: path.join(__dirname, 'dist'), 17 }, 18 }, 19 module: { 20 rules: [ 21 { 22 test: /.ts$/, 23 loader: 'ts-loader', 24 } 25 ], 26 } 27}
試したこと
npx webpack serve
package.json
の scripts.start
を npx webpack serve
にしてみましたが、結果に変わりありませんでした。
webpack-serve
の使用
非推奨とのことでやめました。
補足情報
ディレクトリ
dist/ index.html node_modules/ … src/ app.ts package.json tsconfig.json webpack.config.js
以上、有識者の皆様、何卒ご教示のほどよろしくお願いいたします。
あなたの回答
tips
プレビュー