Javascript AngularJS 1.7，带有ES6和网页包，给出错误：未捕获类型错误：无法读取属性'；模块'；未定义的

我正在创建AngularJS应用程序框架。我正在使用ES6和webpack进行捆绑。我犯了一个错误。我四处寻找，但找不到解决办法。我得到的错误是：

未捕获的TypeError:无法读取未定义的属性“module”

下面是我遇到错误的文件

import { angular } from 'angular';
import { HomeController } from './app/appName.home';

angular.module('appName', [])
    .controller('HomeController', HomeController);

angular.element(() => {
    angular.bootstrap(document, ['appName']);
}); 

我在网上遇到错误：

angular.module('appName', [])

我正在使用babel将es6编译成es5。捆绑应用程序和角度文件的网页包配置为：

module.exports = {
    devtool: 'source-map',
    entry: './src/main.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'app.bundle.js'
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                loader: "babel-loader",
                query: {
                        presets: ['@babel/preset-env']
                }
            }
        ]
    },
};

附件是显示错误的图像

如果我在chrome中调试它，它会在范围内显示带有模块功能的角度对象

编辑：

---

我读了一本可以作为解决方案的书。但我认为我不需要在html中添加脚本文件。Webpack还捆绑了来自node_模块的角度文件。所以这就是我要说的。一旦原因仍然可能是，不知何故，它是加载角稍后在捆绑，然后它可能会创建问题。在我的案例中，没有找到细节，解决方案是导入jQuery和angular，如下所示：

import jQuery from 'jquery'
import 'angular'

---

希望这能帮助别人

我读到的可能的重复。我认为我不需要在html中添加脚本文件。Webpack还捆绑了来自node_模块的角度文件。所以这就是我要说的。一旦原因仍然可能是，不知何故，它是加载角稍后在捆绑，然后它可能会创建问题。但没有找到具体细节。