flat-fuchsia•2y 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

metropolitan-bronze•2y ago

Hey @humabon checking with the same answers now

flat-fuchsiaOP•2y ago

Ty @aliemirs to add

PNPM
7.18.1

Node
v18.13.0

PNPM
7.18.1

Node
v18.13.0

metropolitan-bronze•2y 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?

flat-fuchsiaOP•2y 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.

metropolitan-bronze•2y 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

flat-fuchsiaOP•2y ago

ok I'm in the process of filing the issue

metropolitan-bronze•2y ago

https://github.com/remix-run/remix/issues/154 according to this issue here

flat-fuchsiaOP•2y ago

ok checking

metropolitan-bronze•2y ago

Thank you, we'll try to have a better fix than this 😅

flat-fuchsiaOP•2y 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

metropolitan-bronze•2y 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 😅

flat-fuchsiaOP•2y ago

great! Hi @aliemirs the fix did not work for me

flat-fuchsiaOP•2y ago

metropolitan-bronze•2y ago

Before trying pnpm install again, I had run rm -rf ./.cache ./build ./node_modules Maybe that did the trick 🤔

flat-fuchsiaOP•2y ago

oh ok still the same

metropolitan-bronze•2y ago

🤦‍♂️ sorry Can you share the error?

flat-fuchsiaOP•2y ago

I'll try deleting the lock files still gives me the same

metropolitan-bronze•2y ago

I'm trying again now I think I can find something

flat-fuchsiaOP•2y ago

the .npmrc is not working did you put that rule on the user settings?

metropolitan-bronze•2y 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 🤔

flat-fuchsiaOP•2y ago

ok still gives me the issue

flat-fuchsiaOP•2y ago

metropolitan-bronze•2y ago

Did you had the chance to try it out with npm? Just wanted to make sure this is a pnpm related issue 🤖

flat-fuchsiaOP•2y ago

just trying it now

flat-fuchsiaOP•2y ago

still the same

flat-fuchsiaOP•2y ago

I wonder why I deleted .cache folder, and is using npm it is not making the build folder

metropolitan-bronze•2y ago

Let me try with your exact node version

flat-fuchsiaOP•2y ago

with headless there's no issue I might just start with headless for now so I can proceed making our starting codes

metropolitan-bronze•2y ago

Great! I'll let you know when I had a proper fix for this 🙁 Sorry for the issue

flat-fuchsiaOP•2y ago

no worries, just wanted to check with refine if it is a valid issue I'll proceed with the bug report @aliemirs

metropolitan-bronze•2y ago

Thank you

flat-fuchsiaOP•2y ago

https://github.com/refinedev/refine/issues/3464

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

flat-fuchsiaOP•2y 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";

metropolitan-bronze•2y ago

So this resolves the issue? If so, then I'll check if we can have better errors logs with remix 😅

flat-fuchsiaOP•2y ago

yes

Remix + Chakra UI Error

Did you find this page helpful?