TryinToFixPath

Path issue maybe??

package.json

@@ -10,10 +10,12 @@
         "resize-toolbox-images": "node ./bin/resize-toolbox-images.mjs"
     },
     "dependencies": {
+        "@types/node": "^22.10.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-router-dom": "^6.27.0",
-        "shadertoy-react": "^1.1.2"
+        "shadertoy-react": "^1.1.2",
+        "url": "^0.11.4"
     },
     "devDependencies": {
         "@monaco-editor/react": "^4.3.1",

src/Pages/ProjectsPage/PGASGame.tsx

@@ -1,9 +1,9 @@
 import { Paragraph } from "../../Components/Paragraph";
 
-import LevelsSS from "/src/PGAS24_LevelsSS.png";
-import MainMenuSS from "/src/PGAS24_MainMenuSS.png";
-import PowerupSS from "/src/PGAS24_PowerupSS.png";
-import WarningSS from "/src/PGAS24_WarningSS.png";
+import LevelsSS from "@src/PGAS24_LevelsSS.png";
+import MainMenuSS from "@src/PGAS24_MainMenuSS.png";
+import PowerupSS from "@src/PGAS24_PowerupSS.png";
+import WarningSS from "@src/PGAS24_WarningSS.png";
 
 export default function PGASGame(){
     return <div className="relative grid place-items-center">

vite.config.ts

@@ -1,8 +1,15 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
   assetsInclude: ['**/*.PNG'],
+
+  resolve: {
+    alias: {
+      "@src": path.resolve(__dirname, "./src")
+    }
+  }
 })