angular 1.6 es6 es5 browserify" Uncaught Error:[$ injector:nomod] Module' appSuite'不可用!"

时间:2017-12-24 19:28:38

标签: angularjs grunt-browserify

我正在尝试将角度为1.6的应用程序从ES5移动到ES6。 索引html包含应用程序的名称:ng-app =" appSuite" 我们通常使用脚本标记引用单个js文件。

我现在更改了html以引用应该包含所有来源的捆绑文件,因为我已将导入添加到app.module.js ..

我们使用grunt,并且我添加了babel和browserify步骤。 app.module.js的顶部现在有:

"use strict";
export default appSuite;             <<< Is this correct ?
import './access.controller.js';
import './apiClient.service.js';

在Babel之后它变成:

"use strict";

Object.defineProperty(exports, "__esModule", {
    value: true
});

require('./access.controller.js');

然后浏览器将其更改为:

(function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof 
require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var 
f=new Error("Cannot find module '"+o+"'");throw 
f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o]
[0].call(l.exports,function(e){var n=t[o][1][e];return s(n?
n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof 
require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})
({1:
[function(require,module,exports){
"use strict";

(function () {
"use strict";

angular.module("appSuite").controller("accessController", accessController);

不幸的是,当我现在运行它时:

Uncaught Error: [$injector:nomod] Module 'appSuite' is not available!**

任何人都知道我在这里缺少什么或有办法调试它? 提前致谢,祝节日快乐!

1 个答案:

答案 0 :(得分:0)

您需要在模块中加载空依赖项

const appSuite= angular.module('appSuite', [])
export default appSuite