B6ZO4GW2OJYQMJ7RMPCXFYOZOY7LHG5T3NZCNHR5XIXCO3D5NNPQC import { defineConfig } from "vite";import react from "@vitejs/plugin-react";// @ts-expect-error process is a nodejs globalconst host = process.env.TAURI_DEV_HOST;// https://vitejs.dev/config/export default defineConfig(async () => ({plugins: [react()],// Vite options tailored for Tauri development and only applied in `tauri dev` or `tauri build`//// 1. prevent vite from obscuring rust errorsclearScreen: false,// 2. tauri expects a fixed port, fail if that port is not availableserver: {port: 1420,strictPort: true,host: host || false,hmr: host? {protocol: "ws",host,port: 1421,}: undefined,watch: {// 3. tell vite to ignore watching `src-tauri`ignored: ["**/src-tauri/**"],},},}));
{"compilerOptions": {"composite": true,"skipLibCheck": true,"module": "ESNext","moduleResolution": "bundler","allowSyntheticDefaultImports": true},"include": ["vite.config.ts"]}
{"compilerOptions": {"target": "ES2020","useDefineForClassFields": true,"lib": ["ES2020", "DOM", "DOM.Iterable"],"module": "ESNext","skipLibCheck": true,/* Bundler mode */"moduleResolution": "bundler","allowImportingTsExtensions": true,"resolveJsonModule": true,"isolatedModules": true,"noEmit": true,"jsx": "react-jsx",/* Linting */"strict": true,"noUnusedLocals": true,"noUnusedParameters": true,"noFallthroughCasesInSwitch": true},"include": ["src"],"references": [{ "path": "./tsconfig.node.json" }]}
{"name": "mew-app","private": true,"version": "0.1.0","type": "module","scripts": {"dev": "vite","build": "tsc && vite build","preview": "vite preview","tauri": "tauri"},"dependencies": {"@tauri-apps/api": "^2","@tauri-apps/plugin-opener": "^2","cytoscape": "^3.31.1","react": "^18.3.1","react-dom": "^18.3.1"},"devDependencies": {"@tauri-apps/cli": "^2","@types/react": "^18.3.1","@types/react-dom": "^18.3.1","@vitejs/plugin-react": "^4.3.4","typescript": "~5.6.2","vite": "^6.0.3"}}
[tools]node = "latest"pnpm = "latest"[tasks.dev]run = "pnpm tauri dev"
<!doctype html><html lang="en"><head><meta charset="UTF-8" /><link rel="icon" type="image/svg+xml" href="/vite.svg" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Tauri + React + Typescript</title></head><body><div id="root"></div><script type="module" src="/src/main.tsx"></script></body></html>
# Tauri + React + TypescriptThis template should help get you started developing with Tauri, React and Typescript in Vite.## Recommended IDE Setup- [VS Code](https://code.visualstudio.com/) + [Tauri](https://marketplace.visualstudio.com/items?itemName=tauri-apps.tauri-vscode) + [rust-analyzer](https://marketplace.visualstudio.com/items?itemName=rust-lang.rust-analyzer)