Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Using vue-sidebar doesn't work, issues Unknown custom element errors #208

Open
OfirD1 opened this issue Aug 9, 2021 · 4 comments
Open

Comments

@OfirD1
Copy link

OfirD1 commented Aug 9, 2021

In the following codepen, I use the js and css files provided on the Getting Started page and the sidebar template, but get errors:

Unknown custom element: <vs-sidebar> - did you register the component correctly?
Unknown custom element: <vs-sidebar-item> - did you register the component correctly?
Unknown custom element: <vs-sidebar-group> - did you register the component correctly?

Note that this codepen has a vs-button, which works fine - it's only the vs-sidebar components that seem to not work.

What should be done to fix it?

@adamrifau
Copy link

same here ,

@tan-zhuo
Copy link

一样的

@VampireAchao
Copy link

dtto

@VampireAchao
Copy link

solution:

<!DOCTYPE html>
<html>
<head>
    <link
            href="https://unpkg.com/vuesax-alpha/theme-chalk/index.css"
            rel="stylesheet"
    />
    <meta
            name="viewport"
            content="initial-scale=1, maximum-scale=1, user-scalable=no"
    />
</head>
<body>
<div id="app">
    <vs-button>Hello World</vs-button>
</div>

<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script src="https://unpkg.com/vuesax-alpha/dist/index.full.min.js"></script>

<script>
    const {createApp} = Vue
    const {VsButton, VsCard} = VuesaxAlpha

    createApp({
        components: {VsButton, VsCard}
    }).mount('#app')
</script>
</body>
</html>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants