Laravel 5.3护照认证:无法用gulp编译视图组件

时间:2016-10-18 12:45:02

标签: gulp laravel-5.3 laravel-passport

我一直在使用护照跟踪laravel基于api令牌的身份验证。我按照Taylor Otwell自己的this屏幕中的所有步骤进行了操作。要发布护照Vue组件,我运行了命令:

php artisan vendor:publish --tag=passport-components

以及在resources/assets/js/components目录中正确发布的组件。 接下来,我在resources/assets/js/app.js文件中注册了一些组件,结果如下:

require('./bootstrap');

Vue.component('example', require('./components/Example.vue'));

Vue.component(
    'passport-clients',
    require('./components/passport/Clients.vue')
);

Vue.component(
    'passport-authorized-clients',
    require('./components/passport/AuthorizedClients.vue')
);

Vue.component(
    'passport-personal-access-tokens',
    require('./components/passport/PersonalAccessTokens.vue')
);

const app = new Vue({
    el: '#app'
});

我运行了命令gulp,但gulp未被识别,因此我安装了以下两个命令:

npm install --global gulp-cli
npm install --save-dev gulp

顺便说一下,这是我的gulpfile.js文件(在我的项目的根目录):

const elixir = require('laravel-elixir');

require('laravel-elixir-vue-2');
var gulp = require('gulp');


elixir(function(mix){
    mix.sass('app.scss')
       .webpack('app.js');
});

下一个登录后粘贴home.blade.php视图文件中的以下组件:

<passport-clients></passport-clients>
<passport-authorized-clients></passport-authorized-clients>
<passport-personal-access-tokens></passport-personal-access-tokens>

我现在在应用程序的根目录中运行了命令gulp并收到以下错误:

> Error: Cannot find module 'laravel-elixir'
    at Function.Module._resolveFilename (module.js:338:15)
    at Function.Module._load (module.js:280:25)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Object.<anonymous> (/home/awa/Desktop/laravel53/gulpfile.js:1:78)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.require (module.js:364:17)

我可能会在这里制造一些愚蠢的错误但我无法摆脱它。我是Laravel的新手。我会感激任何帮助。

由于

1 个答案:

答案 0 :(得分:1)

看起来你没有安装Laravel Elixir。它不会自动安装laravel,您需要运行:

npm install

来自项目的根目录,它将下载laravel elixir及其所有依赖项。