Question

我将angularJs应用程序升级到Webpack4时出现问题。

这是我的设置：

<div></div>

和

vendor.ts

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

使用webpack 3.我有一个commonsChunkPlugin，一切正常。

使用webpack 4，我使用splitChunks选项不会导入angularjs 5次：

main.ts
import {MyAppModule} from "./my-app.app";

angular.element(document).ready(() => {
    angular.bootstrap(document.body, [MyAppModule.name], { strictDi: true });
});

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

警告：尝试多次加载AngularJS。

通过html中的common.js加载块。

知道如何删除警告吗？

Answer 1

在github issues:

的深处找到解决方案

供应商文件不应该是入口点，但入口点应该是文件列表：

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

AngularJs多次加载

1 个答案: