AngularJS 1.7 с ES6 и веб-пакетом выдает ошибку: Uncaught TypeError: Невозможно прочитать свойство 'module' из неопределенного

Question

Я создаю скелет приложения AngularJS.Я использую ES6 с веб-пакетом для комплектации.Я получаю ошибку.Я искал вокруг, но не мог найти решение.Я получаю сообщение об ошибке:

Uncaught 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.Конфигурация Webpack для связывания приложения и углового файла:

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']
                }
            }
        ]
    },
};

Прикрепленное изображение показывает ошибку.

Uncaught ReferenceError: угловой не определен

Если я отлаживаю его в chrome, он показывает угловой объект с модульной функцией в области видимости.

функция модуля доступна как свойство углового в области видимости

Редактировать: Я прочитал один здесь , который может быть решением.Но я думаю, что мне не нужно добавлять файл сценария в HTML.Webpack также связывает угловой файл с node_modules.Так вот откуда я импортирую угловой.Однажды причина все еще может быть в том, что каким-то образом он загружается под углом позже в связке, тогда это может создать проблему.Хотя не могу найти конкретику