Skip to content

Unable to use vue-carousel as a local package #302

Closed
@rkomiyama

Description

@rkomiyama

Bug Report

Current Behavior
Unable to use vue-carousel as a local package using yarn link. The following warnings are produced:

➜  ryu-carousel-cli git:(master) ✗ yarn serve
yarn run v1.10.1
$ vue-cli-service serve
 INFO  Starting development server...
 98% after emitting CopyPlugin

 WARNING  Compiled with 2 warnings                                                                                                                     12:29:37 AM

 warning  in ./src/App.vue?vue&type=script&lang=js&

"export 'Carousel' was not found in 'vue-carousel'

 warning  in ./src/App.vue?vue&type=script&lang=js&

"export 'Slide' was not found in 'vue-carousel'

Input Code and steps to reproduce
App.js

<template>
  <div id="app">
		<carousel :per-page="1" :custom-slide-width="1">
			<slide>
				Slide 1 Content
			</slide>
			<slide>
				Slide 2 Content
			</slide>
		</carousel>
	</div>
</template>

<script>
import { Carousel, Slide } from 'vue-carousel'

export default {
	name: 'App',
	components: {
		Carousel,
		Slide
	}
}
</script>

Expected behavior/code
Doing a yarn link should allow me to use vue-carousel in a local project.

Babel Configuration (.babelrc, package.json, cli command)

{
  "name": "ryu-carousel-cli",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "vue": "^2.5.17",
    "vue-carousel": "file:../vue-carousel"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.0.5",
    "@vue/cli-plugin-eslint": "^3.0.5",
    "@vue/cli-service": "^3.0.5",
    "vue-template-compiler": "^2.5.17"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "rules": {},
    "parserOptions": {
      "parser": "babel-eslint"
    }
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

Environment

  • "@vue/cli-plugin-babel": "^3.0.5"
  • Node/npm version: Node 11.0.0/npm 6.4.1
  • OS: macOS 10.12.6

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions