我正在尝试将 Angular 1.6 应用程序从 ES5 移动到 ES6。index 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');
然后 browserify 将其更改为:
(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!**
任何人都知道我在这里缺少什么或有办法调试它吗?提前致谢,节日快乐!