Webpack 빌드 Angular.js-모듈 앱을 인스턴스화하지 못했습니다.

Emilia Heller-Mrotek

angular.js 빌드를 gulp에서 webpack으로 옮기려고합니다. 이미 공급 업체 라이브러리로 성공적인 번들을 수행했지만 angular.js 모듈에 문제가 있습니다.

포착되지 않은 오류 : [$ injector : modulerr] 다음으로 인해 모듈 앱을 인스턴스화하지 못했습니다. 오류 : [$ injector : modulerr] 다음 원인으로 인해 모듈 app.product를 인스턴스화하지 못했습니다. 오류 : [$ injector : nomod] 모듈 'app.product'is is 사용할 수 없습니다! 모듈 이름을 잘못 입력했거나로드하는 것을 잊었습니다. 모듈을 등록하는 경우 종속성을 두 번째 인수로 지정해야합니다.

webpack에서 선택하도록 어떻게 가져와야합니까?

webpack.config.js

const   webpack = require('webpack'),
        path = require('path'),
        config = require('./config.json');

module.exports = {
    entry: './app/app.js',
    mode: 'development',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    },
    plugins: [
        new webpack.DefinePlugin({
            PRODUCTION: JSON.stringify(false),
            VERSION: JSON.stringify(config.version),
            INTERCOME_ENABLED: JSON.stringify(true),
        })
    ],
};

내 app.js의 일부

const angular = require('angular');
window.jQuery = window.$ = require('jquery');
require('../node_modules/jquery-ui-dist/jquery-ui.js');
require('../node_modules/angular-ui-router/release/angular-ui-router.js');
require('../node_modules/bootstrap/dist/js/bootstrap.js');
require('../node_modules/angular-ui-bootstrap/dist/ui-bootstrap-tpls.js');
require('../node_modules/spin.js/spin.js');
require('../node_modules/autosize/dist/autosize.js');
require('../node_modules/jquery-validation/dist/jquery.validate.js');
require('../node_modules/jquery-validation/dist/additional-methods.js');
require('../node_modules/dropzone/dist/dropzone.js');
require('../node_modules/ng-mask/dist/ngMask.js');
require('../libs/nestable/jquery.nestable.js');
require('../node_modules/angular-sanitize/angular-sanitize.js');
require('../node_modules/ui-select/dist/select.js');
require('../libs/multi-select/jquery.multi-select.js');
require('../node_modules/angular-local-storage/dist/angular-local-storage.js');
require('../node_modules/datatables/media/js/jquery.dataTables.js');
require('../node_modules/drmonty-datatables-colvis/js/dataTables.colVis.js');
require('../node_modules/angular-datatables/dist/angular-datatables.js');
require('../node_modules/angular-datatables/dist/plugins/colvis/angular-datatables.colvis.js');
require('../node_modules/angular-datatables/dist/plugins/tabletools/angular-datatables.tabletools.js');
require('../node_modules/bootstrap-datepicker/dist/js/bootstrap-datepicker.js');
require('../node_modules/angular-xeditable/dist/js/xeditable.js');
require('../node_modules/ng-idle/angular-idle.js');
require('../node_modules/file-saver/FileSaver.js');
require('../node_modules/blob-polyfill/Blob.js');
require('../node_modules/inputmask/dist/jquery.inputmask.bundle.js');
require('../node_modules/clipboard/dist/clipboard.js');
require('../node_modules/mobile-detect/mobile-detect.js');
require('../node_modules/ng-scrollbar/dist/ng-scrollbar.min.js');
require('../node_modules/autofill-event/autofill-event.js');
require('../libs/wizard/jquery.bootstrap.wizard.min.js');
require('../libs/material-admin/App.js');
require('../libs/material-admin/AppForm.js');
require('../libs/material-admin/AppNavigation.js');

require('../node_modules/d3/build/d3.js');
require('../libs/morris/morris.js');
require('webpack-raphael');
require('../libs/select2/select2.js');
require('../libs/toastr/toastr.js');
require('../libs/polyfills/number.js');


(function(){
    /*(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    var codeGA = 'UA-00000000-0';

    if (location.host.indexOf('app.pay2sender.com') >= 0) {
        codeGA = 'UA-85564384-1';
    } else if (location.host.indexOf('app-staging.pay2sender.com') >= 0 ) {
        codeGA = 'UA-85564384-2';
    } else if (location.host.indexOf('app-test.pay2sender.com') >= 0) {
        codeGA = 'UA-85564384-3';
    }else if (location.host.indexOf('imp-perf.puca.com') >= 0) {
        codeGA = 'UA-85564384-4';
    }

    ga('create', codeGA, 'auto');
    ga('send', 'pageview');*/


    if (JSON.parse(INTERCOME_ENABLED)) {
        var intercomAppId = 'qumf3d6m';
        (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;
            s.src='https://widget.intercom.io/widget/'+intercomAppId;
            var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()
    }

}());

(function(){
    var app = angular.module('app',
        [   'ui.router',
            'ui.bootstrap',
            'ui.select',
            'ngSanitize',
            'ngScrollbar',
            'LocalStorageModule',
            'datatables',
            'app.product',
            'app.dashboard',
            'app.profile',
            'app.login',
            'app.clients',
            'app.users',
            'app.baseUrl',
            'app.forgottenPassword',
            'app.resetPassword',
            'app.payments',
            'app.locations',
            'app.filters',
            'templates',
            'app.paymentApi',
            'app.pgwSettings',
            'toastr',
            'app.directives',
            'app.billing',
            'app.utils',
            'xeditable',
            'ngIdle',
            'IntercomAnalytics',
            'app.sessionTime',
            'ngVersionApp',
            'app.developer',
            'app.manageTextTemplates',

            'appMM.profile',
            'appMM.dashboard',
            'appMM.messages',
            'appMM.manage',
            'appMM.users',
            'appMM.clients',
            'appMM.locations',
            'appMM.privacy',

        ])

        .run(function ($rootScope, $state, tokenService, product, uiSelectConfig, editableOptions, editableThemes, Idle, authService, sessionTimeService, $timeout, userService, $window, logoFeatureService) {
            uiSelectConfig.theme = 'select2';
    (the rest of the function here)

모듈 초기화

angular.module('app.product', [

    ]);
    angular.module('app.product', ['app.config'])
        .provider('product', function (CONST) {
(rest of the function)
Emilia Heller-Mrotek

app.js의 모듈 선언을 포함하는 파일에 대한 require 문이 필요하다는 것이 밝혀졌고 그 때 작동하기 시작했습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Angular JS : 포착되지 않은 오류 : [$ injector : modulerr] 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

Angular JS에서 모듈을로드하지 못했습니다.

분류에서Dev

모듈 Angular JS를 인스턴스화하지 못했습니다.

분류에서Dev

Angular의 모듈 ui-bootstrap을 인스턴스화하지 못했습니다.

분류에서Dev

Angular JS : 다음으로 인해 모듈 테스트를 인스턴스화하지 못했습니다.

분류에서Dev

Angular js에서 모듈 오류를 인스턴스화하지 못했습니다.

분류에서Dev

ngMaterial 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

오류 : [$ injector : modulerr] 모듈 앱을 인스턴스화하지 못했습니다.

분류에서Dev

앱 모듈을 인스턴스화하지 못했습니다. 왜?

분류에서Dev

Angular.JS : 다음으로 인해 모듈 라우팅을 인스턴스화하지 못했습니다. 오류 : $ injector : nomod 모듈 'routing'을 사용할 수 없습니다.

분류에서Dev

모듈이 package.json 내에 정의되어 있어도 angular.js 파일 내부에서 발생하는 일부 오류로 인해 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

모듈 인터페이스에서 'Razorpay'모듈을 빌드하지 못했습니다.

분류에서Dev

AngularJS 오류-모듈을 인스턴스화하지 못했습니다.

분류에서Dev

AngularJS가 zingchart 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

각도 모듈 : 다음으로 인해 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

firefox 및 angular에서 ES6 let을 사용할 때 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

firefox 및 angular에서 ES6 let을 사용할 때 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

각도 지시문 테스트-오류 : [$ injector : modulerr] 모듈을 인스턴스화하지 못했습니다?

분류에서Dev

AngularJS가 모듈을 인스턴스화하지 못했습니다. 종속성이 존재합니다.

분류에서Dev

포착되지 않은 오류 : [$ injector : modulerr] LABJS로 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

AngularJS : 포착되지 않은 오류 : [$ injector : modulerr] 모듈을 인스턴스화하지 못했습니다?

분류에서Dev

AngulaJs + TypeScript : 포착되지 않은 오류 : [$ injector : modulerr] 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

"canberra-gtk-module"모듈을로드하지 못했습니다.

분류에서Dev

"canberra-gtk-module"모듈을로드하지 못했습니다.

분류에서Dev

kafka 모듈을로드하지 못했습니다.

분류에서Dev

각도 오류 [$ injector : modulerr] myApp 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

각도 주입 오류 : 모듈을 인스턴스화하지 못했습니다.

분류에서Dev

"RootModule"모듈에서 "app.module.ts"파일을 인스턴스화하지 못했습니다.

분류에서Dev

모듈 maq를 인스턴스화하지 못했습니다.

Related 관련 기사

  1. 1

    Angular JS : 포착되지 않은 오류 : [$ injector : modulerr] 모듈을 인스턴스화하지 못했습니다.

  2. 2

    Angular JS에서 모듈을로드하지 못했습니다.

  3. 3

    모듈 Angular JS를 인스턴스화하지 못했습니다.

  4. 4

    Angular의 모듈 ui-bootstrap을 인스턴스화하지 못했습니다.

  5. 5

    Angular JS : 다음으로 인해 모듈 테스트를 인스턴스화하지 못했습니다.

  6. 6

    Angular js에서 모듈 오류를 인스턴스화하지 못했습니다.

  7. 7

    ngMaterial 모듈을 인스턴스화하지 못했습니다.

  8. 8

    오류 : [$ injector : modulerr] 모듈 앱을 인스턴스화하지 못했습니다.

  9. 9

    앱 모듈을 인스턴스화하지 못했습니다. 왜?

  10. 10

    Angular.JS : 다음으로 인해 모듈 라우팅을 인스턴스화하지 못했습니다. 오류 : $ injector : nomod 모듈 'routing'을 사용할 수 없습니다.

  11. 11

    모듈이 package.json 내에 정의되어 있어도 angular.js 파일 내부에서 발생하는 일부 오류로 인해 모듈을 인스턴스화하지 못했습니다.

  12. 12

    모듈 인터페이스에서 'Razorpay'모듈을 빌드하지 못했습니다.

  13. 13

    AngularJS 오류-모듈을 인스턴스화하지 못했습니다.

  14. 14

    AngularJS가 zingchart 모듈을 인스턴스화하지 못했습니다.

  15. 15

    각도 모듈 : 다음으로 인해 모듈을 인스턴스화하지 못했습니다.

  16. 16

    firefox 및 angular에서 ES6 let을 사용할 때 모듈을 인스턴스화하지 못했습니다.

  17. 17

    firefox 및 angular에서 ES6 let을 사용할 때 모듈을 인스턴스화하지 못했습니다.

  18. 18

    각도 지시문 테스트-오류 : [$ injector : modulerr] 모듈을 인스턴스화하지 못했습니다?

  19. 19

    AngularJS가 모듈을 인스턴스화하지 못했습니다. 종속성이 존재합니다.

  20. 20

    포착되지 않은 오류 : [$ injector : modulerr] LABJS로 모듈을 인스턴스화하지 못했습니다.

  21. 21

    AngularJS : 포착되지 않은 오류 : [$ injector : modulerr] 모듈을 인스턴스화하지 못했습니다?

  22. 22

    AngulaJs + TypeScript : 포착되지 않은 오류 : [$ injector : modulerr] 모듈을 인스턴스화하지 못했습니다.

  23. 23

    "canberra-gtk-module"모듈을로드하지 못했습니다.

  24. 24

    "canberra-gtk-module"모듈을로드하지 못했습니다.

  25. 25

    kafka 모듈을로드하지 못했습니다.

  26. 26

    각도 오류 [$ injector : modulerr] myApp 모듈을 인스턴스화하지 못했습니다.

  27. 27

    각도 주입 오류 : 모듈을 인스턴스화하지 못했습니다.

  28. 28

    "RootModule"모듈에서 "app.module.ts"파일을 인스턴스화하지 못했습니다.

  29. 29

    모듈 maq를 인스턴스화하지 못했습니다.

뜨겁다태그

보관