Concernant le problème de l'échec de la compilation de Laravel5.4 Vuejs

La colonne tutorielle suivante de laravel vous présentera comment résoudre le problème de l'échec de la compilation de Laravel5.4 Vuejs. J'espère qu'elle sera utile aux amis dans le besoin !

Lors de l'utilisation de Laravel5.4 pour les tests de composants vuejs, une erreur telle s'est produite :

vagrant@homestead:~/Code/zhihu-app$ gulp
[00:35:03] Using gulpfile ~/Code/zhihu-app/gulpfile.js
[00:35:03] Starting 'all'...
[00:35:03] Starting 'sass'...
[00:35:09] Finished 'sass' after 5.74 s
[00:35:09] Starting 'webpack'...
{ [Error: ./resources/assets/js/components/Example.vue
Module parse failed: /home/vagrant/Code/zhihu-app/resources/assets/js/components/Example.vue Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <template>
|     <div class="container">
|         <div class="row">
 @ ./resources/assets/js/app.js 17:26-61]
  message: &#39;./resources/assets/js/components/Example.vue\nModule parse failed: /home/vagrant/Code/zhihu-app/resources/assets/js/components/Example.vue Unexpected token (1:0)\nYou may need an appropriate loader to handle this file type.\n| <template>\n|     <div class="container">\n|         <div class="row">\n @ ./resources/assets/js/app.js 17:26-61&#39;,
  showStack: false,
  showProperties: true,
  plugin: &#39;webpack-stream&#39;,
  __safety: { toString: [Function: bound ] } }

À partir de l'erreur générée, nous pouvons voir : 'laravel-elixir -vue-2' n'est pas introduit,

Nous devons donc télécharger le package correspondant puis l'introduire dans le fichier gulpfile.js.

var elixir = require('laravel-elixir');
require('laravel-elixir-vue-2');// recommended for vue 2
elixir(function(mix) {
    mix.sass('app.scss')
        .webpack('app.js');
    mix.version(['js/app.js', 'css/app.css'])
});

Si une erreur : Impossible de trouver le module 'laravel-elixir-vue-2' se produit, vous devez télécharger laravel-elixir-vue-2 :

npm install laravel-elixir-vue-2 --save-dev

Pour plus de détails, veuillez consulter Utilisation du package GitHub laravel -elixir-vue-2 (https://github.com/vuejs/laravel-elixir-vue-2)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!