导入时第三方Vue组件引发意外的令牌错误

Question

试图通过使用laravel-elixir-vueify的NPM包含称为vue-product-carousel的第三方vue组件。

package.json包含：

"laravel-elixir": "^5.0.0",
"laravel-elixir-vueify": "^1.0.6",
"vue": "^1.0.26",
"vue-product-carousel": "^0.1.3"

节点和NPM：

NPM 3.8.6
NODE 5.12.0

我写的组件都很好，效果很好。 当我尝试添加vue-product-carosuel时，抛出此错误：

/home/vagrant/Code/core-ds/node_modules/vue-product-carousel/src/carousel.vue:1
<template>
^
ParseError: Unexpected token

组件是必需的，如下所示：

carousel: require('vue-product-carousel')

和元素：

<carousel :images="media"></carousel>  //media is an array of images

我的构建可能会丢失一些东西吗？

Answer 1

可能存在一些配置，其中排除了node_modules内部要由vueify解析的vueify 。

在这种情况下， require将“ carousel.vue”视为一个JavaScript文件。