多次加载AngularJs

多次加载AngularJs,angularjs,typescript,webpack-4,Angularjs,Typescript,Webpack 4,我在将angularJs应用程序升级到Webpack4时遇到问题 这是我的设置: vendor.ts import "angular"; import "angular-i18n/de-de"; import "angular-route"; 及 与网页3。我有一个插件,一切正常 对于webpack 4,我使用splitChunks选项不导入angularjs 5次: webpack.config.ts ... optimization: { splitChunks: {

我在将angularJs应用程序升级到Webpack4时遇到问题

这是我的设置:

vendor.ts

import "angular";
import "angular-i18n/de-de";
import "angular-route";

与网页3。我有一个插件,一切正常

对于webpack 4,我使用splitChunks选项不导入angularjs 5次:

webpack.config.ts
...
optimization: {
    splitChunks: {
        cacheGroups: {
            commons: {
                name: "commons",
                chunks: "initial",
                minChunks: 2
            }
        }
    }
}
...
这是正确的。我只在我的
common.js
文件中加载了angularjs代码。但不幸的是,代码实例化了两次,因此应用程序总是记录警告:

警告:尝试多次加载AngularJS

区块通过html中的
HtmlWebpackPlugin
加载


知道如何删除警告吗?

供应商文件不应为入口点,但入口点应为文件列表:

...
 entry: {
    main: ['./vendor.js', './main.js']
},
...
...
 entry: {
    main: ['./vendor.js', './main.js']
},
...