fix(webpack): map 'svelte' to 'svelte/internal' to avoid forced ssr (NativeScript#9627)

halfnelson · web-flow · commit 78e9c17be305 · 2021-10-29T12:32:56.000+02:00
diff --git a/packages/webpack5/src/configuration/svelte.ts b/packages/webpack5/src/configuration/svelte.ts
@@ -1,4 +1,3 @@
-import { merge } from 'webpack-merge';
 import Config from 'webpack-chain';
 
 import { getProjectFilePath } from '../helpers/project';
@@ -19,6 +18,10 @@ export default function (config: Config, env: IWebpackEnv = _env): Config {
 	// electron-main sneaks us past the target == 'node' check and gets us HMR
 	config.target('electron-main');
 
+	// turns out this isn't enough now. svelte uses "node" of which "electron-main" is a subset in its export map forcing imports
+	// for 'svelte' to 'ssr.mjs'. We define an alias here to force it back.
+	config.resolve.alias.set('svelte$', 'svelte/internal');
+
 	// svelte-hmr still references tns-core-modules, so we shim it here for compat.
 	config.resolve.alias.set('tns-core-modules', '@nativescript/core');
 
