混合应用程序中的Angular 4 AOT编译

Question

目前，我正在使用升级模块将AngularJS应用升级到Angular 4。使用我们当前的webpack配置，它在开发和生产中都可以正常工作。

当我通过@DataMongoTest(excludeAutoConfiguration = {EmbeddedMongoAutoConfiguration.class, HibernateJpaAutoConfiguration.class})添加编译时，我摆脱了所有编译错误，但是存在运行时错误：

@ngtools/webpack。

这应该不是问题，因为我正在使用Error: [$injector:strictdi] r is not using explicit annotation and cannot be invoked in strict mode。它只发生在我添加babel-plugin-angularjs-annotate加载器时;否则它工作正常。

以下是webpack配置的相关部分：

@ngtools/webpack

我稍后也会添加aot插件，但这不是导致问题的原因。

这是整个.babelrc：

/* Loaders to handle scss, css, etc.*/

{test: /\.ts$/, use: "@ngtools/webpack"}, // Doesn't work
// Below lines work, if used instead of line above
//{ 
//  test: /\.ts$/,
//  loaders: ["awesome-typescript-loader", "angular2-template-loader"]
//},
{
  test: /\.js$/,
  exclude: [
    /node_modules/,
    path.join(__dirname, "src", "vendor")
  ],
  use: ["babel-loader", "eslint-loader"]
}