webpack + Svelte にて Module not found: Error: Can’t resolve ‘svelte/internal’ というビルドエラーが起きた時の対応

webpack + Svelte の環境にて、各パッケージをアップデートしたら、
Module not found: Error: Can't resolve 'svelte/internal' というビルドエラーが起きてしまった。
ので、その対応。

package.json

関係ありそうなところ抜粋。
Svelte が3系から4系になったのが原因ぽい。

前

{
  "devDependencies": {
    "svelte": "^3.35.0",
    "svelte-loader": "^3.0.0",
  }
}

アップデート後

{
  "devDependencies": {
    "svelte": "^4.2.18",
    "svelte-loader": "^3.2.3",
  }
}

修正箇所

sveltejs / svelte-loader Svelte 4 Support #234 - github

module.exports = {
	resolve: {
		alias: {
			svelte: path.dirname(require.resolve('svelte/package.json')),
		},
	},
}

↓

module.exports = {
	resolve: {
		alias: {
			svelte: path.resolve('node_modules', 'svelte/src/runtime'),
		},
	},
}