vite-plugin-eslint is not compatible with virtual modules #535

hi-reeve · 2022-12-20T10:07:36Z

What version of `vite` are you using?

4.0.2

System info and storybook versions

Environment Info:

System:
OS: macOS 13.1
CPU: (8) arm64 Apple M1 Pro
Binaries:
Node: 18.12.0 - ~/.nvm/versions/node/v18.12.0/bin/node
npm: 8.19.2 - ~/.nvm/versions/node/v18.12.0/bin/npm
Browsers:
Safari: 16.2
npmPackages:
@storybook/addon-essentials: ^7.0.0-beta.12 => 7.0.0-beta.12
@storybook/addon-interactions: ^7.0.0-beta.12 => 7.0.0-beta.12
@storybook/addon-links: ^7.0.0-beta.12 => 7.0.0-beta.12
@storybook/blocks: ^7.0.0-beta.12 => 7.0.0-beta.12
@storybook/testing-library: ^0.0.13 => 0.0.13
@storybook/vue3: ^7.0.0-beta.12 => 7.0.0-beta.12
@storybook/vue3-vite: ^7.0.0-beta.12 => 7.0.0-beta.12

Describe the Bug

just install storybook on my project
trying to run storybook for the first time and got this error

Link to Minimal Reproducible Example

No response

Participation

I am willing to submit a pull request for this issue.

The text was updated successfully, but these errors were encountered:

IanVS · 2022-12-20T12:07:40Z

This appears to be a pnpm caching issue. If you can create a reproduction I can take a look. Others have tried and been unable to, which indicates there is something corrupted locally.

hi-reeve · 2022-12-20T23:53:54Z

This appears to be a pnpm caching issue. If you can create a reproduction I can take a look. Others have tried and been unable to, which indicates there is something corrupted locally.

i resolve this by deleting node_modules and try to re-init storybook and it works fine now.
got other error

[vite] Internal server error: No ESLint configuration found in /virtual:/@storybook/builder-vite.
  Plugin: vite-plugin-eslint
  File: /virtual:/@storybook/builder-vite/vite-app.js
      at CascadingConfigArrayFactory._finalizeConfigArray (/Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/@eslint+eslintrc@1.4.0/node_modules/@eslint/eslintrc/lib/cascading-config-array-factory.js:521:19)
      at CascadingConfigArrayFactory.getConfigArrayForFile (/Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/@eslint+eslintrc@1.4.0/node_modules/@eslint/eslintrc/lib/cascading-config-array-factory.js:312:21)
      at CLIEngine.isPathIgnored (/Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/eslint@8.30.0/node_modules/eslint/lib/cli-engine/cli-engine.js:989:18)
      at ESLint.isPathIgnored (/Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/eslint@8.30.0/node_modules/eslint/lib/eslint/eslint.js:681:26)
      at TransformContext.transform (/Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/vite-plugin-eslint@1.8.1_eslint@8.30.0+vite@4.0.2/node_modules/vite-plugin-eslint/dist/index.js:1:2348)
      at Object.transform (file:///Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/vite@4.0.2_gneikmxcpj2uc2xuqjosnroj4e/node_modules/vite/dist/node/chunks/dep-6305614c.js:42626:44)
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
      at async loadAndTransform (file:///Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/vite@4.0.2_gneikmxcpj2uc2xuqjosnroj4e/node_modules/vite/dist/node/chunks/dep-6305614c.js:40434:29)

IanVS · 2022-12-21T01:05:50Z

Can you share a reproduction? I can't tell what's happening otherwise.

woodreamz · 2023-04-13T17:30:08Z

This appears to be a pnpm caching issue. If you can create a reproduction I can take a look. Others have tried and been unable to, which indicates there is something corrupted locally.

i resolve this by deleting node_modules and try to re-init storybook and it works fine now. got other error

[vite] Internal server error: No ESLint configuration found in /virtual:/@storybook/builder-vite.
  Plugin: vite-plugin-eslint
  File: /virtual:/@storybook/builder-vite/vite-app.js
      at CascadingConfigArrayFactory._finalizeConfigArray (/Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/@eslint+eslintrc@1.4.0/node_modules/@eslint/eslintrc/lib/cascading-config-array-factory.js:521:19)
      at CascadingConfigArrayFactory.getConfigArrayForFile (/Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/@eslint+eslintrc@1.4.0/node_modules/@eslint/eslintrc/lib/cascading-config-array-factory.js:312:21)
      at CLIEngine.isPathIgnored (/Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/eslint@8.30.0/node_modules/eslint/lib/cli-engine/cli-engine.js:989:18)
      at ESLint.isPathIgnored (/Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/eslint@8.30.0/node_modules/eslint/lib/eslint/eslint.js:681:26)
      at TransformContext.transform (/Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/vite-plugin-eslint@1.8.1_eslint@8.30.0+vite@4.0.2/node_modules/vite-plugin-eslint/dist/index.js:1:2348)
      at Object.transform (file:///Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/vite@4.0.2_gneikmxcpj2uc2xuqjosnroj4e/node_modules/vite/dist/node/chunks/dep-6305614c.js:42626:44)
      at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
      at async loadAndTransform (file:///Users/reeve/Documents/reeve/Works/nostra-erp-webapp/node_modules/.pnpm/vite@4.0.2_gneikmxcpj2uc2xuqjosnroj4e/node_modules/vite/dist/node/chunks/dep-6305614c.js:40434:29)

@hi-reeve Did you find a solution? I am facing the same issue.

UPDATE: Finally found a solution by excluding /virtual:/

//vite.config.js
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react-swc';
import eslint from 'vite-plugin-eslint';

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    react(),
    eslint({
      exclude: ['/virtual:/**', 'node_modules/**'],
    }),
});

IanVS · 2023-04-13T21:12:13Z

I suggest upgrading to Storybook 7 if you want to use vite 4, I never got it fully working back in Storybook 6.5.

woodreamz · 2023-04-14T14:14:11Z

I suggest upgrading to Storybook 7 if you want to use vite 4, I never got it fully working back in Storybook 6.5.

The issue is still there with Storybook 7 (I am currently using 7.0.4).

    "eslint": "8.38.0",
    "eslint-plugin-react": "7.32.2",
    "eslint-plugin-react-hooks": "4.6.0",
    "eslint-plugin-storybook": "0.6.11",
    "eslint-plugin-testing-library": "5.10.2",
    "vite": "4.2.1",
    "vite-plugin-eslint": "1.8.1",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "@storybook/addon-essentials": "7.0.4",
    "@storybook/addon-interactions": "7.0.4",
    "@storybook/addon-links": "7.0.4",
    "@storybook/blocks": "7.0.4",
    "@storybook/react": "7.0.4",
    "@storybook/react-vite": "7.0.4",
    "@storybook/testing-library": "0.1.0",

IanVS · 2023-04-14T14:15:54Z

OK, thanks. This repo is the code for the 6.5 version, which is why I thought you weren't using 7.

jung-han · 2023-04-15T12:20:41Z

@IanVS
Hi, I have same issue. Storybook version is 7.0.4 and vite version is 4.2.1.
The problem was solved by excluding as mentioned above(#535 (comment)), but I share it because it seems to be a temporary solution.

tarik-gadoumi · 2023-04-15T19:47:52Z

Hi i have same issue :
"vite": "^4.2.1",
"storybook": "^7.0.4",
"vite-plugin-eslint": "^1.8.1"
"eslint": "^8.38.0",
"eslint-config-react-app": "^7.0.1",
"eslint-plugin-jsx-a11y": "^6.7.1",

alextes90 · 2023-05-10T13:08:26Z

Hi, have the same issue:

"vite": "^4.1.0",
"vite-plugin-eslint": "^1.8.1",
"@storybook/react": "^7.0.10",
"@storybook/react-vite": "^7.0.10",
"eslint": "^8.36.0",

Solved, as written above. Thank you

IanVS · 2023-05-10T13:22:24Z

This doesn't have anything to do with Storybook, it's an issue in vite-plugin-eslint that it cannot handle virtual files.

IanVS · 2023-05-10T13:23:04Z

This doesn't have anything to do with Storybook, it's an issue in vite-plugin-eslint that it cannot handle virtual files.

hi-reeve added the bug Something isn't working label Dec 20, 2022

hi-reeve changed the title ~~[Bug]~~ [Bug] failed to run storybook with vite 4 Dec 20, 2022

IanVS added the needs reproduction label Dec 20, 2022

hi-reeve closed this as completed Dec 26, 2022

IanVS added upstream This is an issue with another package and removed needs reproduction bug Something isn't working labels May 10, 2023

IanVS changed the title ~~[Bug] failed to run storybook with vite 4~~ vite-plugin-eslint is not compatible with virtual modules May 17, 2023

IanVS mentioned this issue May 17, 2023

[Bug] Installing StoryBook to a Vite3/Vue3 project fails #487

Open

1 task

Howl404 mentioned this issue Sep 20, 2023

feat: #58 add storybook to project tritonJS826/masters-way#72

Merged

Hansanghyeon mentioned this issue Nov 21, 2023

vite5? An error occurs in babel-plugin-twin after vite update. ben-rogerson/babel-plugin-twin#13

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

vite-plugin-eslint is not compatible with virtual modules #535

vite-plugin-eslint is not compatible with virtual modules #535

hi-reeve commented Dec 20, 2022

IanVS commented Dec 20, 2022

hi-reeve commented Dec 20, 2022 •

edited

IanVS commented Dec 21, 2022

woodreamz commented Apr 13, 2023 •

edited

IanVS commented Apr 13, 2023

woodreamz commented Apr 14, 2023 •

edited

IanVS commented Apr 14, 2023

jung-han commented Apr 15, 2023

tarik-gadoumi commented Apr 15, 2023 •

edited

alextes90 commented May 10, 2023

IanVS commented May 10, 2023

IanVS commented May 10, 2023

vite-plugin-eslint is not compatible with virtual modules #535

vite-plugin-eslint is not compatible with virtual modules #535

Comments

hi-reeve commented Dec 20, 2022

What version of vite are you using?

System info and storybook versions

Describe the Bug

Link to Minimal Reproducible Example

Participation

IanVS commented Dec 20, 2022

hi-reeve commented Dec 20, 2022 • edited

IanVS commented Dec 21, 2022

woodreamz commented Apr 13, 2023 • edited

IanVS commented Apr 13, 2023

woodreamz commented Apr 14, 2023 • edited

IanVS commented Apr 14, 2023

jung-han commented Apr 15, 2023

tarik-gadoumi commented Apr 15, 2023 • edited

alextes90 commented May 10, 2023

IanVS commented May 10, 2023

IanVS commented May 10, 2023

What version of `vite` are you using?

hi-reeve commented Dec 20, 2022 •

edited

woodreamz commented Apr 13, 2023 •

edited

woodreamz commented Apr 14, 2023 •

edited

tarik-gadoumi commented Apr 15, 2023 •

edited