javascript - 导入时第三方 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

我编写的组件 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

我的构建是否可能缺少某些东西？

Answer 1

可能有一些配置排除node_modules了要解析的内部文件vueify。

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