Heim > PHP-Framework > Laravel > Bezüglich des Problems des Laravel5.4 Vuejs-Kompilierungsfehlers

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

藏色散人
Freigeben: 2020-04-26 17:22:08
nach vorne
2351 Leute haben es durchsucht

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!

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

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 ] } }
Nach dem Login kopieren

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(&#39;laravel-elixir&#39;);
require(&#39;laravel-elixir-vue-2&#39;);// recommended for vue 2
elixir(function(mix) {
    mix.sass(&#39;app.scss&#39;)
        .webpack(&#39;app.js&#39;);
    mix.version([&#39;js/app.js&#39;, &#39;css/app.css&#39;])
});
Nach dem Login kopieren

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
Nach dem Login kopieren

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!

Verwandte Etiketten:
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Aktuelle Ausgaben
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage