【问题标题】:Bug elixir gulp --production angularjsBug elixir gulp --production angularjs
【发布时间】:2016-05-02 03:08:48
【问题描述】:

我使用 Laravel 5 和 Angularjs,Laravel 5 使用 Gulp 来安排资产的任务,并且在使用 gulp 的命令时一切正常,但是当我使用 gulp --production 的命令并 gulp 最小化 Angularjs 库时,控制台的 chrome 输出:

未捕获的错误:[$injector:modulerr] 无法实例化模块应用程序,原因是: 错误:[$injector:unpr] 未知提供者:e

在我的代码下面:

gulpfile.js

第一步,我将所有 javascript 从 bower 文件夹复制到 assets/js

    .copy(
        'resources/assets/bower_resources/angular/angular.js',
        'resources/assets/js/vendor/angular.js')

    .copy(
        'resources/assets/bower_resources/angular-bootstrap/ui-bootstrap.js',
        'resources/assets/js/vendor/ui-bootstrap.js')
    .copy(
        'resources/assets/bower_resources/ng-busy/src/angular-busy.js',
        'resources/assets/js/vendor/angular-busy.js')
    .copy(
        'resources/assets/bower_resources/angular-ui-notification/dist/angular-ui-notification.js',
        'resources/assets/js/vendor/angular-ui-notification.js')

第二步,我将复制的所有库放在一个文件“libraries.js”中

    .scripts(['vendor/angular.js',
        'vendor/ui-bootstrap.js',
        'vendor/angular-busy.js',
        'vendor/angular-ui-notification.js',
        'app.js'],'public/scripts/libraries.js')

我的 app.js

var app = angular.module('app', ['ui.bootstrap','ngBusy','ui-notification']);


app.config(function ($interpolateProvider) {

  $interpolateProvider.startSymbol('[[');
  $interpolateProvider.endSymbol(']]');

});

我尝试了不同的组合,但不起作用。

请帮忙!

【问题讨论】:

    标签: angularjs laravel-5 gulp laravel-elixir


    【解决方案1】:

    您是否尝试过使用内联注解进行依赖注入? 这是解决此问题的先前问题 "Uncaught Error: [$injector:unpr]" with angular after deployment

    【讨论】:

    • 是的,我明白答案,但我不知道当我注入我的库 ngBusy、ui-bootstrap 和 ui-notification 时如何应用到我的 app.js 文件中。
    猜你喜欢
    • 2017-02-16
    • 2017-01-21
    • 2019-05-31
    • 1970-01-01
    • 2016-07-02
    • 2016-12-18
    • 2015-08-17
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多