search

windicss / windicss-webpack-plugin

🍃 Windi CSS for webpack ⚡
https://windicss.org/integrations/webpack.html
79 stars 19 forks source link

Devtools issue on webpack integration #115

Open Jimmy-JS opened 2 years ago

Jimmy-JS commented 2 years ago

Describe the bug Got error after following all of the instruction to install windi from webpack v1.7.5: [eslint] No files matching '/Users/****/Documents/Code/*****/src/virtual:windi-devtools.js' were found.

in my src/index.tsx I already append:

import './virtual:windi.css'
import './virtual:windi-devtools'

Also when I tried to update some class using dev tools, my react app stop working with this error: Error: ENOENT: no such file or directory, open '/Users/****/Documents/Code/****/node_modules/windicss-webpack-plugin/dist/core/dev-tools-update.js' and from node_modules folder, I cannot find corefolder in the node_modules/windicss-webpack-plugin/dist CleanShot 2022-08-04 at 20 07 01@2x

Is devtools feature is already supported for webpack? I saw the PR https://github.com/windicss/windicss-webpack-plugin/pull/110 by @await-ovo already merged and released since v1.7.0

Thank you

To Reproduce Steps to reproduce the behavior:

  1. Create react app v5 with typescript
  2. yarn eject
  3. follow instruction on installing windicss from documentation for webpack
  4. add import './virtual:windi-devtools' to index.tsx file

Expected behavior I can change the class in the dev tools and reflect in the UI

Screenshots

Additional context

Jimmy-JS commented 2 years ago

any answers? because I needed it