search

gitsindonesia / ui-component

Morpheme UI - Free and Open-source Vue 3 Component Library based on Morpheme Design System
https://ui.morpheme.design
MIT License
67 stars 5 forks source link

css not loaded when fresh build from starter kit #179

Closed karis closed 12 months ago

karis commented 1 year ago

Environment

Nuxt project info: (copied to clipboard) 10:12:30 AM

Reproduction

Source download from stackblitz-kitchen-sink

Describe the bug

hi @gravitano ,

i was download from stackblitz-kitchen-sink

i test in my environment, using node 18.9.2

after build and run, below is my result.

Screenshot 2023-08-08 at 10 05 18 Screenshot 2023-08-08 at 10 05 24

i already check in migration documentation. but still no clue.. please help me,

thanks

karis

Additional context

No response

Logs

No response

gravitano commented 1 year ago

It's working fine here: https://stackblitz.com/github/gitsindonesia/ui-component/tree/main/starter/kitchen-sink

Try using Node 16 and PNPM.

karis commented 1 year ago
Screenshot 2023-08-08 at 21 35 07

Picture project kitchen-sink

Screenshot 2023-08-08 at 21 39 17

i already test using node 16 and pnpm Nuxt project info: (copied to clipboard) 9:39:33 PM

it still the same..

and in the terminal logs like below

`✔ Nitro built in 1520 ms nitro 9:41:35 PM ℹ Vite client warmed up in 4995ms 9:41:35 PM [Vue warn]: Failed to resolve component: VAppShell 9:41:38 PM If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. [Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance. 9:41:38 PM [Vue warn]: Component is missing template or render function. 9:41:38 PM [Vue warn]: Failed to resolve component: VAppShell 9:41:38 PM If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. [Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance. 9:41:38 PM [Vue warn]: Component is missing template or render function. 9:41:38 PM [Vue warn]: Failed to resolve component: VAppShell 9:41:46 PM If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. [Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance. 9:41:46 PM [Vue warn]: Component is missing template or render function.

`

gravitano commented 1 year ago

Idk what wrong. But, it's working fine on Stackblitz.

Have you tried using Morpheme CLI and use other template?

karis commented 1 year ago

I have tried morpheme cli Last night i also build from nuxt then i install morpheme. The result is same..

On Thu, Aug 10, 2023, 07:34 Warsono @.***> wrote:

Idk what wrong. But, it's working fine on Stackblitz.

Have you tried using Morpheme CLI and use other template?

— Reply to this email directly, view it on GitHub https://github.com/gitsindonesia/ui-component/issues/179#issuecomment-1672362202, or unsubscribe https://github.com/notifications/unsubscribe-auth/AANR2N7QAHMPEOM6B6BAF5TXUQUALANCNFSM6AAAAAA3H2HD7U . You are receiving this because you authored the thread.Message ID: @.***>

karis commented 1 year ago
Screenshot 2023-08-10 at 09 52 01

any clues? may be i miss something while downloading the module or else?

karis commented 1 year ago

hi @gravitano

im doing dumb test..

i change morpheme: { in nuxt.config.ts into gitsUi :{ and this what is happen..

Screenshot 2023-08-10 at 13 45 17

and i add import VAppShell in default.vue from layouts

import { VAppShell} from "@morpheme/app-shell"

environment : source code stackblits-kitchen-sink nvm use 16 and pnpm install pnpm run dev

gravitano commented 1 year ago

Try this. It's fresh from CLI. Should be okay.

karis commented 1 year ago

hi @gravitano

sorry for late response,

i already update to rc1

and im still stuck in this setting

gitsUi: { theme: 'morpheme', sass: true, darkMode: false, optimizeDeps: false, transpileDeps: false, },

because morpheme :{ ___ } doesnt work

i dont have any idea yet.

karis commented 12 months ago

hai @gravitano

alhamdulillah

solved by

checkout your new kitchen sink from stackblitz

and pnpm update

then i migrate several code from last project..

thanks alot