question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

basic demo not working with vue-cli basic app

See original GitHub issue

Hi, Using: “vue”: “^2.2.6”, “vue-carousel”: “^0.6.4”

I made a made a basic “vue init webpack” app did an npm install of the carousel lib added the import and use code to src/main.js and added the <carousel> and <slide> elements in the index.html

and I just get the plain old text “Slide 1 Content Slide 2 Content” - no carousel features

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:6

github_iconTop GitHub Comments

1reaction
tdrachcommented, May 2, 2017

@chrisamow There’s a couple things that could be happening. Would you mind providing a JSFiddle or similar to reproduce your problem? A couple of things that come to mind for what it could be, without additional information:

  • Have you included the components in your app or component? a la:
new Vue({
  el: '#component',
  components: {
    Carousel,
    Slide  
  }
})
  • The component uses flex so if you’re just using text content that’s one word, it may not actually be wide enough to need the carousel functionality.

Try that, and follow up with a reproduced issue if that doesn’t work 😄

0reactions
lilyraecommented, Aug 7, 2017

It wasn’t working for me either until I added a 3rd slide. To specify one slider at a time you can add the prop: :perPage="1"

Read more comments on GitHub >

github_iconTop Results From Across the Web

Creating a Project | Vue CLI
To create a new project, run: ... You can either choose the default preset which comes with a basic Babel + ESLint setup,...
Read more >
Vue JS 3 Tutorial for Beginners #4 - The Vue CLI ... - YouTube
In this Vue 3 tutorial we'll use the Vue CLI to boilerplate a larger Vue project for us, which will ultimately contain multiple...
Read more >
Vue JavaScript Tutorial in Visual Studio Code
Vue JavaScript tutorial showing IntelliSense, debugging, and code navigation support in the Visual Studio Code editor.
Read more >
How To Generate a Vue.js Single Page App With the Vue CLI
Moving forward, this tutorial will use npm commands. The following command will download the necessary Vue CLI files from the registrar, ...
Read more >
Create, Build, and Serve Apps with the Vue CLI
and Serve Apps with the Vue CLI. November 19, 2018 · Create a new project: vue create my-app · Build and serve the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found