导入时第三方 Vue 组件抛出意外的令牌错误答案

【问题标题】：Third party Vue Component throwing unexpected token error when importing导入时第三方 Vue 组件抛出意外的令牌错误
【发布时间】：2017-02-01 17:33:02
【问题描述】：

尝试使用 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

我编写的组件都经过 vuefied 处理，效果很好。当我尝试包含 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

我的构建是否有可能遗漏了什么？

【问题讨论】：

【解决方案1】：

可能存在一些配置，不包括 node_modules 内部的文件将由 vueify 解析。

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

【讨论】：