下面由laravel教程栏目给大家介绍关于Laravel5.4 Vuejs编译失败的问题处理方法，希望对需要的朋友有所帮助！
在使用laravel5.4 进行vuejs组件化测试时，出现了这样的错误：
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.
|
|
|
@ ./resources/assets/js/app.js 17:26-61]
message: './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| \n| \n| \n @ ./resources/assets/js/app.js 17:26-61',
showStack: false,
showProperties: true,
plugin: 'webpack-stream',
__safety: { toString: [Function: bound ] } }从抛出的错误我们可以看到，是未引入 'laravel-elixir-vue-2',
所以，我们需要下载相应的包，然后引入到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'])
});如果出现Error: Cannot find module 'laravel-elixir-vue-2'错误，则需要下载laravel-elixir-vue-2：
npm install laravel-elixir-vue-2 --save-dev
有关详情，请看GitHub laravel-elixir-vue-2（https://github.com/vuejs/laravel-elixir-vue-2）包用法
立即学习“前端免费学习笔记（深入）”；
相关文章
Laravel中如何实现数据导出Excel_Laravel使用Laravel-Excel扩展教程【实战】
Laravel中如何使用Event事件监听_Laravel事件与监听器注册方法【实战】
Laravel怎么在Blade中使用JSON数据_Laravel @json指令与Vue组件传值技巧【手册】
如何在Laravel中实现MySQL/PostgreSQL全文搜索？ (原生SQL查询)
如何使用Laravel Socialite实现第三方登录？ (微信/GitHub登录)
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
更多
相关专题
更多
laravel组件介绍
laravel 提供了丰富的组件，包括身份验证、模板引擎、缓存、命令行工具、数据库交互、对象关系映射器、事件处理、文件操作、电子邮件发送、队列管理和数据验证。想了解更多laravel的相关内容，可以阅读本专题下面的文章。
316
2024.04.09
laravel使用的设计模式有哪些
laravel使用的设计模式有：1、单例模式；2、工厂方法模式；3、建造者模式；4、适配器模式；5、装饰器模式；6、策略模式；7、观察者模式。想了解更多laravel的相关内容，可以阅读本专题下面的文章。
369
2024.04.09
thinkphp和laravel哪个简单
对于初学者来说，laravel 的入门门槛较低，更易上手，原因包括：1. 更简单的安装和配置；2. 丰富的文档和社区支持；3. 简洁易懂的语法和 api；4. 平缓的学习曲线。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
370
2024.04.10
scripterror怎么解决
scripterror的解决办法有检查语法、文件路径、检查网络连接、浏览器兼容性、使用try-catch语句、使用开发者工具进行调试、更新浏览器和JavaScript库或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容，供大家免费下载体验。
187
2023.10.18
PHP WebSocket 实时通信开发
本专题系统讲解 PHP 在实时通信与长连接场景中的应用实践，涵盖 WebSocket 协议原理、服务端连接管理、消息推送机制、心跳检测、断线重连以及与前端的实时交互实现。通过聊天系统、实时通知等案例，帮助开发者掌握 使用 PHP 构建实时通信与推送服务的完整开发流程，适用于即时消息与高互动性应用场景。
3
2026.01.19
热门下载
更多
相关下载
更多
精品课程
更多
相关推荐 /
热门推荐 /
最新课程
最新文章
更多
