css not loaded when fresh build from starter kit

karis commented 1 year ago

Environment

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

Operating System: Darwin
Node Version: v18.12.0
Nuxt Version: 3.6.5
Nitro Version: 2.4.0
Package Manager: yarn@1.22.19
Builder: vite
User Config: modules, typescript, morpheme, devtools, css, colorMode, vite, experimental
Runtime Modules: @morpheme/nuxt@1.0.0-beta.11, @nuxtjs/tailwindcss@6.8.0, @nuxtjs/color-mode@3.3.0
Build Modules: -

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.

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

Picture project kitchen-sink

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

Operating System: Darwin
Node Version: v16.20.1
Nuxt Version: 3.6.5
Nitro Version: 2.4.0
Package Manager: npm@8.19.4
Builder: vite
User Config: modules, typescript, morpheme, devtools, css, colorMode, vite, experimental
Runtime Modules: @morpheme/nuxt@1.0.0-next2.41+436ee2f4, @nuxtjs/tailwindcss@6.8.0, @nuxtjs/color-mode@3.3.0
Build Modules: -

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

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

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 1 year 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

gitsindonesia / ui-component