下面由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的服务提供者(Service Provider)中register和boot方法有何区别？ (加载顺序)
Laravel中如何使用Composer安装扩展包_Laravel引入第三方库操作流程【指南】
Laravel中如何配置HTTPS强制跳转_Laravel开启全站HTTPS访问方法【技巧】
Laravel的异常处理(Exception Handling)机制是怎样的？ (自定义Render方法)
如何在Laravel中使用Action类来组织业务逻辑？ (单一职责原则)
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系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
热门下载
更多
相关下载
更多
精品课程
更多
相关推荐 /
热门推荐 /
最新课程
最新文章
更多
