App working with Vite

mapachurro · Mar 13, 2024 · a236e09 · a236e09
1 parent 8b5988d
commit a236e09
Show file tree

Hide file tree

Showing 11 changed files with 121 additions and 10 deletions.
diff --git a/errors.txt b/errors.txt
@@ -0,0 +1,10 @@
+  at decodeURI (<anonymous>)
+    at viteTransformMiddleware (file:///home/mapachurro/repos/Web3-Glossary/node_modules/vite/dist/node/chunks/dep-jvB8WLp9.js:63436:19)
+    at call (file:///home/mapachurro/repos/Web3-Glossary/node_modules/vite/dist/node/chunks/dep-jvB8WLp9.js:42750:7)
+    at next (file:///home/mapachurro/repos/Web3-Glossary/node_modules/vite/dist/node/chunks/dep-jvB8WLp9.js:42694:5)
+    at viteServePublicMiddleware (file:///home/mapachurro/repos/Web3-Glossary/node_modules/vite/dist/node/chunks/dep-jvB8WLp9.js:53406:20)
+    at call (file:///home/mapachurro/repos/Web3-Glossary/node_modules/vite/dist/node/chunks/dep-jvB8WLp9.js:42750:7)
+    at next (file:///home/mapachurro/repos/Web3-Glossary/node_modules/vite/dist/node/chunks/dep-jvB8WLp9.js:42694:5)
+    at viteHMRPingMiddleware (file:///home/mapachurro/repos/Web3-Glossary/node_modules/vite/dist/node/chunks/dep-jvB8WLp9.js:64695:13)
+    at call (file:///home/mapachurro/repos/Web3-Glossary/node_modules/vite/dist/node/chunks/dep-jvB8WLp9.js:42750:7)
+    at next (file:///home/mapachurro/repos/Web3-Glossary/node_modules/vite/dist/node/chunks/dep-jvB8WLp9.js:42694:5
diff --git a/index.html b/index.html
@@ -2,25 +2,25 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
       content="Web site created using create-react-app"
     />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <link rel="apple-touch-icon" href="/logo192.png" />
     <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <link rel="manifest" href="/manifest.json" />
     <!--
-      Notice the use of %PUBLIC_URL% in the tags above.
+      Notice the use of  in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
       Only files inside the `public` folder can be referenced from the HTML.
 
-      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      Unlike "/favicon.ico" or "favicon.ico", "/favicon.ico" will
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
@@ -30,7 +30,7 @@
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
 
-    <script type="module" src="/src/index.tsx"></script>
+    <script type="module" src="/src/index.jsx"></script>
     <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.

diff --git a/index.js → index.jsx b/index.js → index.jsx
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,7 +9,6 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^14.1.0",
-    "vite": "^5.1.6",
     "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^4.3.1",
     "web-vitals": "^3.0.4"
@@ -42,11 +41,13 @@
   "devDependencies": {
     "@svgr/plugin-svgo": "^8.1.0",
     "@svgr/webpack": "^8.1.0",
+    "@vitejs/plugin-react": "^4.2.1",
     "@vitest/coverage-v8": "^1.3.1",
     "jsdom": "^24.0.0",
     "nth-check": "^2.1.1",
     "postcss": "^8.4.31",
     "serve": "^14.2.0",
+    "vite": "^5.1.6",
     "vitest": "^1.3.1"
   }
 }
diff --git a/src/components/Language.Switcher.js → src/components/Language.Switcher.jsx b/src/components/Language.Switcher.js → src/components/Language.Switcher.jsx
diff --git a/src/i18n.js → src/i18n.jsx b/src/i18n.js → src/i18n.jsx
diff --git a/src/i18n/config.js → src/i18n/config.jsx b/src/i18n/config.js → src/i18n/config.jsx
diff --git a/src/index.js → src/index.jsx b/src/index.js → src/index.jsx
diff --git a/src/setupTests.js → src/setupTests.jsx b/src/setupTests.js → src/setupTests.jsx
diff --git a/vite.config.mts → vite.config.js b/vite.config.mts → vite.config.js
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vitest/config'
-import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vitest/config';
+import react from '@vitejs/plugin-react';
 
 // https://vitejs.dev/config/
 export default defineConfig({