0

我按照简短的教程在我的应用程序中安装了一个 html 模板缓存包：laravel-elixir-ng-templates我安装并配置了它，但现在当我尝试运行 gulp 时，我收到以下错误：

在此处输入图像描述

这是我的 gulpfile.js：

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

require('laravel-elixir-sass-compass');
require('laravel-elixir-ng-templates');

/*
 |--------------------------------------------------------------------------
 | Elixir Asset Management
 |--------------------------------------------------------------------------
 |
 | Elixir provides a clean, fluent API for defining some basic Gulp tasks
 | for your Laravel application. By default, we are compiling the Sass
 | file for our application, as well as publishing vendor resources.
 |
 */

elixir(function(mix) {
    mix.compass('app.scss');

    mix.styles([
            '/bootstrap/dist/css/bootstrap.min.css',
            '/bootstrap-material-design/dist/css/bootstrap-material-design.min.css',
            '/bootstrap-material-design/dist/css/ripples.min.css',
            '/angular-loading-bar/build/loading-bar.min.css',
            '/angular-perfect-scrollbar/src/perfect-scrollbar.css',
            '/snapjs/snap.css',
            '/angular-snap/angular-snap.min.css',
            '/font-awesome/css/font-awesome.min.css'
        ],
        'public/css/bower.css',
        'resources/assets/bower');

    mix.scripts([
            '/jquery/dist/jquery.js',
            '/angular/angular.js',
            '/bootstrap/dist/js/bootstrap.js',
            '/bootstrap-material-design/dist/js/material.js',
            '/bootstrap-material-design/dist/js/ripples.min.js',
            '/angular-ui-router/release/angular-ui-router.min.js',
            '/oclazyload/dist/ocLazyLoad.min.js',
            '/satellizer/satellizer.js',
            '/angular-loading-bar/build/loading-bar.min.js',
            '/angular-perfect-scrollbar/src/angular-perfect-scrollbar.js',
            '/snapjs/snap.min.js',
            '/angular-snap/angular-snap.min.js'
        ],
        'public/js/bower.js',
        'resources/assets/bower');

    mix.scripts([
            '/core/app.js',
            '/core/app.routes.js',
            '/controllers/ctrls.js',
            '/controllers/app.ctrl.js',
            '/controllers/auth.ctrl.js',
            '/directives/directives.js',
            '/directives/route-css-classes.js'
        ],
        'public/js/app.js',
        'resources/assets/app');

    mix.ngTemplates('resources/assets/app/views/**/*.html', 'public/js/templates.js', {
        filename: 'templates.js',
        root: 'tpls/',
        module: 'tpls'
    });

});

现在我对 gulp 和 elixir 都是新手，所以我可能在这里做错了什么，尽管我不知道是什么。

4

1 回答 1

0

很简单，Laravel Mix 自带 jQueryautoloading开箱即用。mix.autoload在您尝试编译其他 JavaScript 文件之前，您需要做的只是调用。

例如 ： 

mix.autoload({ 'jquery': ['window.$', 'window.jQuery'] }); 
mix.js('resources/assets/js/app.js', 'public/js') 
   .sass('resources/assets/sass/app.scss', 'public/css');

我认为长生不老药也是如此。尝试找到一种如何autoload在 elixir 中调用函数的方法。

于 2017-02-06T01:37:35.473 回答