correct-apricot
correct-apricot17mo ago

Remix + Chakra UI Error

✔ Do you want to use a UI Framework?: · chakra
✔ Do you want to add example pages?: · inferencer
✔ Do you want a customized layout?: · chakra-custom-layout
✔ Do you want to add dark mode support?: · no
✔ Do you need any Authentication logic?: · none
✔ Do you want to add kbar command interface support?: · no
✔ Choose a package manager: · pnpm
✔ Would you mind sending us your choices so that we can improve superplate? · no
✔ Do you want to use a UI Framework?: · chakra
✔ Do you want to add example pages?: · inferencer
✔ Do you want a customized layout?: · chakra-custom-layout
✔ Do you want to add dark mode support?: · no
✔ Do you need any Authentication logic?: · none
✔ Do you want to add kbar command interface support?: · no
✔ Choose a package manager: · pnpm
✔ Would you mind sending us your choices so that we can improve superplate? · no
Build folder is not being created
39 Replies
conscious-sapphire
conscious-sapphire17mo ago
Hey @humabon checking with the same answers now
correct-apricot
correct-apricot17mo ago
Ty @aliemirs to add
PNPM
7.18.1

Node
v18.13.0
PNPM
7.18.1

Node
v18.13.0
conscious-sapphire
conscious-sapphire17mo ago
Followed the same instructions, used pnpm, got the error. Removed the node_modules and tried with npm, worked fine. 🤔 Can you open an issue at GitHub? I'll also investigate further to find the issue Guessing it has something to do with peer deps of the packages 🤔 Any chance for you try with npm?
correct-apricot
correct-apricot17mo ago
Some of my colleagues are on windows , it takes a lot of time for NPM, I'll open up an issue on github. Can you link me @aliemirs to the proper repository so I can add the issue there. Thanks for the solution, I'm on Mac and npm takes longer but not as long as on windows.
conscious-sapphire
conscious-sapphire17mo ago
https://github.com/refinedev/refine/issues here's our repo Hello Just found a workaround Added shamefully-hoist=true to .npmrc file and it worked
correct-apricot
correct-apricot17mo ago
ok I'm in the process of filing the issue
conscious-sapphire
conscious-sapphire17mo ago
correct-apricot
correct-apricot17mo ago
ok checking
conscious-sapphire
conscious-sapphire17mo ago
Thank you, we'll try to have a better fix than this 😅
correct-apricot
correct-apricot17mo ago
so it's already a known bug tyvm @aliemirs , I guess no need for me to file the issue, since the bug is already known
conscious-sapphire
conscious-sapphire17mo ago
I'll add this to our to-do and also try to work on it today. Thank you for the patience 🙏 Just to be safe, we will update the template immediately with shamefully-hoist to have a quick fix 😅
correct-apricot
correct-apricot17mo ago
great! Hi @aliemirs the fix did not work for me
correct-apricot
correct-apricot17mo ago
No description
conscious-sapphire
conscious-sapphire17mo ago
Before trying pnpm install again, I had run rm -rf ./.cache ./build ./node_modules Maybe that did the trick 🤔
correct-apricot
correct-apricot17mo ago
oh ok still the same
conscious-sapphire
conscious-sapphire17mo ago
🤦‍♂️ sorry Can you share the error?
correct-apricot
correct-apricot17mo ago
No description
correct-apricot
correct-apricot17mo ago
No description
correct-apricot
correct-apricot17mo ago
I'll try deleting the lock files still gives me the same
conscious-sapphire
conscious-sapphire17mo ago
I'm trying again now I think I can find something
correct-apricot
correct-apricot17mo ago
the .npmrc is not working did you put that rule on the user settings?
conscious-sapphire
conscious-sapphire17mo ago
Removed cache, build, node_modules + lock files. Updated .npmrc like this:
legacy-peer-deps=true
strict-peer-dependencies=false
auto-install-peers=true
shamefully-hoist=true
legacy-peer-deps=true
strict-peer-dependencies=false
auto-install-peers=true
shamefully-hoist=true
(Added auto-install-peers) ran pnpm install then ran pnpm dev it worked 🤔 I'm using; pnpm --version # 7.9.5 node --version # v18.12.1 No, just using .npmrc 🤔
correct-apricot
correct-apricot17mo ago
ok still gives me the issue
correct-apricot
correct-apricot17mo ago
No description
conscious-sapphire
conscious-sapphire17mo ago
Did you had the chance to try it out with npm? Just wanted to make sure this is a pnpm related issue 🤖
correct-apricot
correct-apricot17mo ago
just trying it now
correct-apricot
correct-apricot17mo ago
No description
correct-apricot
correct-apricot17mo ago
still the same
correct-apricot
correct-apricot17mo ago
No description
correct-apricot
correct-apricot17mo ago
I wonder why I deleted .cache folder, and is using npm it is not making the build folder
conscious-sapphire
conscious-sapphire17mo ago
Let me try with your exact node version
correct-apricot
correct-apricot17mo ago
with headless there's no issue I might just start with headless for now so I can proceed making our starting codes
conscious-sapphire
conscious-sapphire17mo ago
Great! I'll let you know when I had a proper fix for this 🙁 Sorry for the issue
correct-apricot
correct-apricot17mo ago
no worries, just wanted to check with refine if it is a valid issue I'll proceed with the bug report @aliemirs
conscious-sapphire
conscious-sapphire17mo ago
Thank you
correct-apricot
correct-apricot17mo ago
GitHub
[BUG] Remix + Chakra UI is not creating the build folder via pnpm ·...
Describe the bug ✔ Do you want to use a UI Framework?: · chakra ✔ Do you want to add example pages?: · inferencer ✔ Do you want a customized layout?: · chakra-custom-layout ✔ Do you want to add dar...
correct-apricot
correct-apricot17mo ago
Hi @aliemirs just figured out how to make it work
✔ Downloaded remote source successfully.
✔ Choose a project template · refine-remix
✔ What would you like to name your project?: · TierOneAdminPortal
✔ Choose your backend service to connect: · data-provider-custom-json-rest
✔ Do you want to use a UI Framework?: · chakra
✔ Do you want to add example pages?: · inferencer
✔ Do you want a customized layout?: · chakra-custom-layout
✔ Do you want to add dark mode support?: · chakra-dark-mode
✔ Do you need any Authentication logic?: · auth-provider-custom
✔ Do you want to add kbar command interface support?: · no
✔ Choose a package manager: · npm
✔ Would you mind sending us your choices so that we can improve superplate? · no
✔ Downloaded remote source successfully.
✔ Choose a project template · refine-remix
✔ What would you like to name your project?: · TierOneAdminPortal
✔ Choose your backend service to connect: · data-provider-custom-json-rest
✔ Do you want to use a UI Framework?: · chakra
✔ Do you want to add example pages?: · inferencer
✔ Do you want a customized layout?: · chakra-custom-layout
✔ Do you want to add dark mode support?: · chakra-dark-mode
✔ Do you need any Authentication logic?: · auth-provider-custom
✔ Do you want to add kbar command interface support?: · no
✔ Choose a package manager: · npm
✔ Would you mind sending us your choices so that we can improve superplate? · no
there's a problem with the generation of the index.ts file for this combination to fix it need to add
export * from "./header";
export * from "./layout";
export * from "./sider";
export * from "./title";
export * from "./header";
export * from "./layout";
export * from "./sider";
export * from "./title";
it only has export * from "./header";
conscious-sapphire
conscious-sapphire17mo ago
So this resolves the issue? If so, then I'll check if we can have better errors logs with remix 😅
correct-apricot
correct-apricot17mo ago
yes