fix webpack node last version pandora_enterprise#9941

visual_console_client/package.json

@@ -29,7 +29,6 @@
     "@types/jest": "^24.9.1",
     "@typescript-eslint/eslint-plugin": "^1.13.0",
     "@typescript-eslint/parser": "^1.13.0",
-    "awesome-typescript-loader": "^5.2.1",
     "clean-webpack-plugin": "^4.0.0",
     "css-loader": "^6.7.3",
     "d3-shape": "^1.3.7",
@@ -44,7 +43,6 @@
     "prettier": "^1.19.1",
     "ts-jest": "^29.0.3",
     "typescript": "^4.9.4",
-    "url-loader": "^4.1.1",
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.1",
     "webpack-dev-server": "^4.11.1"
@@ -52,5 +50,8 @@
   "browserslist": [
     "> 1%",
     "last 2 versions"
-  ]
+  ],
+  "devDependencies": {
+    "ts-loader": "^9.4.2"
+  }
 }

visual_console_client/src/VisualConsole.ts

@@ -722,7 +722,7 @@ export default class VisualConsole {
       context.containerRef.append(itemInstance.elementRef);
       return itemInstance;
     } catch (error) {
-      console.error("Error creating a new element:", error.message);
+      console.error("Error creating a new element:", (error as Error).message);
     }
     return;
   }
@@ -759,7 +759,10 @@ export default class VisualConsole {
           try {
             this.elementsById[item.id].props = decodeProps(item);
           } catch (error) {
-            console.error("Error updating an element:", error.message);
+            console.error(
+              "Error updating an element:",
+              (error as Error).message
+            );
           }
         }
       }
@@ -780,7 +783,7 @@ export default class VisualConsole {
         ...decodeProps(item)
       };
     } catch (error) {
-      console.error("Error updating element:", error.message);
+      console.error("Error updating element:", (error as Error).message);
     }
 
     // Re-build relations.

visual_console_client/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "outDir": "./dist/",
     "target": "es5",
     "module": "es6",
     "strict": true,

visual_console_client/webpack.config.js

@@ -31,8 +31,16 @@ module.exports = {
     rules: [
       // Loader for the Typescript compiler.
       {
-        test: /\.ts$/,
-        use: [{ loader: "awesome-typescript-loader" }]
+        test: /\.(ts)x?$/,
+        exclude: /node_modules|\.d\.ts$/, // this line as well
+        use: {
+          loader: "ts-loader",
+          options: {
+            compilerOptions: {
+              noEmit: false
+            }
+          }
+        }
       },
       // This loader builds a main CSS file from all the CSS imports across the files.
       {