Bezüglich des Problems des Laravel5.4 Vuejs-Kompilierungsfehlers

Die folgende Tutorial-Kolumne von Laravel zeigt Ihnen, wie Sie das Problem des Kompilierungsfehlers von Laravel5.4 Vuejs lösen können. Ich hoffe, dass es für Freunde in Not hilfreich ist!

Bei der Verwendung von Laravel5.4 zum Testen von VueJS-Komponenten ist ein solcher Fehler aufgetreten:

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 ] } }

Aus dem ausgegebenen Fehler können wir erkennen: „laravel-elixir -vue-2' wird nicht eingeführt,

Also müssen wir das entsprechende Paket herunterladen und es dann in die Datei gulpfile.js einfügen.

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'])
});

Wenn ein Fehler auftritt: Das Modul „laravel-elixir-vue-2“ kann nicht gefunden werden, müssen Sie laravel-elixir-vue-2 herunterladen:

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

Einzelheiten finden Sie unter GitHub laravel -elixir-vue-2 (https://github.com/vuejs/laravel-elixir-vue-2) Paketnutzung

Das obige ist der detaillierte Inhalt vonBezüglich des Problems des Laravel5.4 Vuejs-Kompilierungsfehlers. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!