build(webpack.config):updated 'three' aliases to fix building errors

Author: edro15

packages/splunk-3D-graph-network-topology-viz/appserver/static/visualizations/3d_graph_network_topology_viz/webpack.config.js

@@ -9,10 +9,18 @@ module.exports = {
         filename: path.join(__dirname, 'src') + '/visualization_source.js'
     },
     resolve: {
-        // To avoid [WARNING: Multiple instances of Three.js being imported.]
+        // To avoid:
+        // - [WARNING: Multiple instances of Three.js being imported.],
+        // - [Field 'browser' doesn't contain a valid alias configuration
+        //    /appserver/static/visualizations/3d_graph_network_topology_viz/node_modules/three/webgpu.js doesn't exist]
         alias: {
-            three: path.resolve(__dirname, 'node_modules/three')
-        },
+            // Ensure 'three/webgpu' is an exact match and points to the correct build file.
+            // -> The '$' makes it an exact match for 'three/webgpu'.
+            'three/webgpu$': path.resolve(__dirname, 'node_modules/three/build/three.webgpu.js'),
+            // Ensure general 'three' imports also point to the module entry point.
+            // This helps avoid conflicts if other dependencies import 'three' directly.
+            'three$': path.resolve(__dirname, 'node_modules/three/build/three.module.js'),
+        }
     },
     performance: {
         hints: false