Regarding the problem of Laravel5.4 Vuejs compilation failure-Laravel-php.cn

Home

PHP Framework

Laravel

Regarding the problem of Laravel5.4 Vuejs compilation failure

藏色散人

Apr 26, 2020 pm 05:22 PM

laravel

The following tutorial column from laravel will introduce to you how to solve the problem of Laravel5.4 Vuejs compilation failure. I hope it will be helpful to friends in need!

Regarding the problem of Laravel5.4 Vuejs compilation failure

When using Laravel5.4 for vuejs component testing, such an error occurred:

vagrant@homestead:~/Code/zhihu-app$ gulp
[00:35:03] Using gulpfile ~/Code/zhihu-app/gulpfile.js
[00:35:03] Starting &#39;all&#39;...
[00:35:03] Starting &#39;sass&#39;...
[00:35:09] Finished &#39;sass&#39; after 5.74 s
[00:35:09] Starting &#39;webpack&#39;...
{ [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 ] } }

We can see from the error thrown, 'laravel-elixir-vue-2' is not introduced,

So, we need to download the corresponding package and then introduce it into the gulpfile.js file.

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

If an Error: Cannot find module 'laravel-elixir-vue-2' error occurs, you need to download laravel-elixir-vue-2:

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

For details, please see GitHub laravel -elixir-vue-2 (https://github.com/vuejs/laravel-elixir-vue-2) package usage

The above is the detailed content of Regarding the problem of Laravel5.4 Vuejs compilation failure. For more information, please follow other related articles on the PHP Chinese website!

Statement

This article is reproduced at:segmentfault. If there is any infringement, please contact admin@php.cn delete

Using Laravel: Streamlining Web Development with PHPApr 19, 2025 am 12:18 AM

Laravel optimizes the web development process including: 1. Use the routing system to manage the URL structure; 2. Use the Blade template engine to simplify view development; 3. Handle time-consuming tasks through queues; 4. Use EloquentORM to simplify database operations; 5. Follow best practices to improve code quality and maintainability.

Laravel: An Introduction to the PHP Web FrameworkApr 19, 2025 am 12:15 AM

Laravel is a modern PHP framework that provides a powerful tool set, simplifies development processes and improves maintainability and scalability of code. 1) EloquentORM simplifies database operations; 2) Blade template engine makes front-end development intuitive; 3) Artisan command line tools improve development efficiency; 4) Performance optimization includes using EagerLoading, caching mechanism, following MVC architecture, queue processing and writing test cases.

Laravel: MVC Architecture and Best PracticesApr 19, 2025 am 12:13 AM

Laravel's MVC architecture improves the structure and maintainability of the code through models, views, and controllers for separation of data logic, presentation and business processing. 1) The model processes data, 2) The view is responsible for display, 3) The controller processes user input and business logic. This architecture allows developers to focus on business logic and avoid falling into the quagmire of code.

Laravel: Key Features and Advantages ExplainedApr 19, 2025 am 12:12 AM

Laravel is a PHP framework based on MVC architecture, with concise syntax, powerful command line tools, convenient data operation and flexible template engine. 1. Elegant syntax and easy-to-use API make development quick and easy to use. 2. Artisan command line tool simplifies code generation and database management. 3.EloquentORM makes data operation intuitive and simple. 4. The Blade template engine supports advanced view logic.

Building Backend with Laravel: A GuideApr 19, 2025 am 12:02 AM

Laravel is suitable for building backend services because it provides elegant syntax, rich functionality and strong community support. 1) Laravel is based on the MVC architecture, simplifying the development process. 2) It contains EloquentORM, optimizes database operations. 3) Laravel's ecosystem provides tools such as Artisan, Blade and routing systems to improve development efficiency.

Laravel framework skills sharingApr 18, 2025 pm 01:12 PM

In this era of continuous technological advancement, mastering advanced frameworks is crucial for modern programmers. This article will help you improve your development skills by sharing little-known techniques in the Laravel framework. Known for its elegant syntax and a wide range of features, this article will dig into its powerful features and provide practical tips and tricks to help you create efficient and maintainable web applications.

The difference between laravel and thinkphpApr 18, 2025 pm 01:09 PM

Laravel and ThinkPHP are both popular PHP frameworks and have their own advantages and disadvantages in development. This article will compare the two in depth, highlighting their architecture, features, and performance differences to help developers make informed choices based on their specific project needs.

Laravel user login function listApr 18, 2025 pm 01:06 PM

Building user login capabilities in Laravel is a crucial task and this article will provide a comprehensive overview covering every critical step from user registration to login verification. We will dive into the power of Laravel’s built-in verification capabilities and guide you through customizing and extending the login process to suit specific needs. By following these step-by-step instructions, you can create a secure and reliable login system that provides a seamless access experience for users of your Laravel application.

See all articles