diff --git a/npm/vite-dev-server/src/plugins/cypress.ts b/npm/vite-dev-server/src/plugins/cypress.ts
index 49e16312ffe..ce1013027dc 100644
--- a/npm/vite-dev-server/src/plugins/cypress.ts
+++ b/npm/vite-dev-server/src/plugins/cypress.ts
@@ -3,11 +3,14 @@ import type { ModuleNode, PluginOption, ViteDevServer } from 'vite-7'
 import type { Vite } from '../getVite.js'
 import { parse, HTMLElement } from 'node-html-parser'
 import fs from 'fs'
+import { promisify } from 'util'
 
 import type { ViteDevServerConfig } from '../devServer.js'
 import path from 'path'
 import { fileURLToPath } from 'url'
 
+const readFile = promisify(fs.readFile)
+
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = path.dirname(__filename)
 
@@ -33,6 +36,7 @@ export const Cypress = (
   vite: Vite,
 ): PluginOption => {
   let base = '/'
+  let loaderPromise: Promise<string>
 
   const projectRoot = options.cypressConfig.projectRoot
   const supportFilePath = options.cypressConfig.supportFile ? path.resolve(projectRoot, options.cypressConfig.supportFile) : false
@@ -42,9 +46,21 @@ export const Cypress = (
   const indexHtmlFile = options.cypressConfig.indexHtmlFile
 
   let specsPathsSet = getSpecsPathsSet(specs)
-  // TODO: use async fs methods here
-  // eslint-disable-next-line no-restricted-syntax
-  let loader = fs.readFileSync(INIT_FILEPATH, 'utf8')
+
+  // Load the init file asynchronously with proper error handling
+  const loadInitFile = async (): Promise<string> => {
+    try {
+      const content = await readFile(INIT_FILEPATH, 'utf8')
+      debug(`Successfully loaded init file from ${INIT_FILEPATH}`)
+      return content
+    } catch (error) {
+      debug(`Failed to load init file from ${INIT_FILEPATH}:`, error)
+      throw new Error(`Failed to load Cypress init file: ${error instanceof Error ? error.message : 'Unknown error'}`)
+    }
+  }
+
+  // Initialize loader promise
+  loaderPromise = loadInitFile()
 
   devServerEvents.on('dev-server:specs:changed', ({ specs, options }: { specs: Spec[], options?: { neededForJustInTimeCompile: boolean }}) => {
     if (options?.neededForJustInTimeCompile) {
@@ -79,7 +95,7 @@ export const Cypress = (
 
       debug('resolved the indexHtmlPath as', indexHtmlPath, 'from', indexHtmlFile)
 
-      let indexHtmlContent = await fs.promises.readFile(indexHtmlPath, { encoding: 'utf8' })
+      let indexHtmlContent = await readFile(indexHtmlPath, 'utf8')
 
       // Inject the script tags
       indexHtmlContent = indexHtmlContent.replace(
@@ -92,6 +108,9 @@ export const Cypress = (
       // find </body> last index
       const endOfBody = indexHtmlContent.lastIndexOf('</body>')
 
+      // Get the loader content asynchronously
+      const loader = await loaderPromise
+
       // insert the script in the end of the body
       const newHtml = `
         ${indexHtmlContent.substring(0, endOfBody)}