vite 运行时报错

[biggestDreamerly]

Describe the bug

The request url "/Users/allen/Desktop/lingo_code/turborepo/node_modules/.pnpm/registry.npmmirror.com+@docsearch+css@3.2.1/node_modules/@docsearch/css/dist/style.css" is outside of Vite serving allow list.

Reproduction

无

Expected behavior

正常运行

System Info

The request url "/Users/allen/Desktop/lingo_code/turborepo/node_modules/.pnpm/registry.npmmirror.com+@docsearch+css@3.2.1/node_modules/@docsearch/css/dist/style.css" is outside of Vite serving allow list.

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[brc-dd]

Try creating a vite.config.ts file (in your docs directory if you're running vitepress build docs) with these contents:

export default {
  server: {
    fs: {
      allow: ['..']
    }
  }
}

[gezhicui]

Describe the bug

The request url "/Users/allen/Desktop/lingo_code/turborepo/node_modules/.pnpm/registry.npmmirror.com+@docsearch+css@3.2.1/node_modules/@docsearch/css/dist/style.css" is outside of Vite serving allow list.

Reproduction

无

Expected behavior

正常运行

System Info

The request url "/Users/allen/Desktop/lingo_code/turborepo/node_modules/.pnpm/registry.npmmirror.com+@docsearch+css@3.2.1/node_modules/@docsearch/css/dist/style.css" is outside of Vite serving allow list.

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

解决了吗

[kiaking]

Closing due to inactivity

[kongxiangyan]

Hi guys, same issue here.

This problem is caused by createVitePressPlugin which internally build the vite config manually and seems uncorrectly specify the fs.allow list.

Fortunately, the vite config manually built will be merged with the user specified config. So-called user specified config is passed to createVitePressPlugin as a field in its first parameter -- siteConfig. createVitePressPlugin is invoked here, its first parameter is read by resolveConfig which internally using resolveUserConfig to read target vite config from valid config file in the project root or somewhere else.

The resolveUserConfig is the solution, according to its code:

Try creating a vite.config.ts file (in your docs directory if you're running vitepress build docs) with these contents:

export default {
  server: {
    fs: {
      allow: ['..']
    }
  }
}

@brc-dd 's solution will never work as expected. Wherever we put the vite.config.ts, it will be ignored constantly.

The only correct and temporary method is find our vitepress.config.ts, specify the related vite config as following:

import { cwd } from 'node:process'

import { searchForWorkspaceRoot } from 'vite'
import { defineConfig } from 'vitepress'

const vitePressConfig = defineConfig({
  vite: {
    server: {
      fs: {
        allow: [searchForWorkspaceRoot(cwd())]
      }
    }
  }
  // ...yourCustomConfig
})

export vitePressConfig

Congratulations! Works well 🎉

References

• server.fs.allow | Vite Config Server Options

---

Finally, the code here in VitePress should be fixed. searchForWorkspaceRoot(cwd()) Should be add to the allow list.