VueのPulseLoaderは、私は、NPMとVUE-スピナーは--save-devのVUE-スピナーをインストールインストール</p> <p>と私は私のファイルにスピナーを使用しようとしていますが、私はインポートを使用する場合Laravel

Question

で予期しないトークンを与えられましたここにある、私のgulpfileがvueify必要とされる

node_modules/vue-spinner/src/PulseLoader.vue:1 
<template> 
^ 

：

import PulseLoader from 'vue-spinner/src/PulseLoader.vue' 

は、私はこのエラーを取得します

var elixir = require('laravel-elixir'); 


require('laravel-elixir-vueify'); 


elixir(function(mix) { 
mix.sass('app.scss','public/assets/css/') 
    .browserify('Main.js'); 

}); 

Answer 1

あなたが実際にあなたのguilpfileでlaravel-elixir-vueifyを要求する必要はありません、それだけで元vueify（Vueの2.0のバージョン9）をインストールする方が簡単です：

npm install vueify --save-dev 

次に、あなたのpackage.jsonに次の行を追加します。

"browserify": { 
    "transform": [ 
     "vueify" 
    ] 
    } 

elixirは、browserifyが呼び出されたときに自動的にvueifyトランスフォームを使用します。

import { PulseLoader } from 'vue-spinner/dist/vue-spinner.min.js' 

だからvueifyステップなしで、あなたの問題を解決することがあります。私はちょうどVUE-スピナーページを見ていたし、それがbrowserifyを使用するときは、次の操作を行う必要があると述べている

EDIT しかし、私はまだ、そのバージョンアップは現時点ではElixir 6が解放されようとしており、が新たにlaravelに実装されているため、当時はエリクシールアドオンを避けることをお勧めします。