Skip to content

Devtools issue on webpack integration #115

Open
@Jimmy-JS

Description

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 #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

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions