第三方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内的文件，以便require进行解析。

在这种情况下，$this->loginTable->getRow()将“carousel.vue”视为JavaScript文件。