asp.net – 找不到’AppModule’的NgModule元数据使用–env.prod

An unhandled exception has occurred: No NgModule metadata found for ‘AppModule’.
Error: No NgModule metadata found for ‘AppModule’.

只有在满足以上两个条件时才会出现此问题：

> Webpack使用–env.prod开关构建软件包
> Index.cshtml视图文件包含asp-prerender-module参数,就像在以下示例中一样：

< app asp-prerender-module =“ClientApp / dist / main-server”>正在加载…< / app>

如果我删除开关和/或参数,问题就会消失(与SSR一起).

我可以提供一些其他信息：

>它不是与IIS相关的东西,它发生在Kestrel级别.
>它与Web服务器计算机无关,因为我甚至可以通过在调试或发布运行之前使用–end.prod开关手动启动Webpack来本地重现它.
>它似乎与源代码没有任何关系,因为即使使用具有非常基本的AppModule文件和普通代码的单组件示例应用程序,我也可以重现它.
>使用.NET Core 2.0.0和Angular 4.3.x,该项目运行良好.
>我在webpack.config.js文件中更改的唯一主要内容是使用@ngtools/webpack软件包提供的新的Angular5-specific AngularCompilerPlugin替换AotPlugin：我认为这可能也是原因,因为–env.prod开关使使用该AOT编译器而不是JIT编译器.那个,或者与.NET SpaServices package相关的东西 – 可能与新的Angular5和/或新的AoT编译器不相上下？

可悲的是,我无法恢复到原来的AotPlugin,因为它也会抛出错误 – 这是完全可以理解的,因为它并不意味着与Angular5一起使用.

软件版本

> .NET Core 2.0.3
> Angular 5.0.2
> @ ngtools / webpack 1.8.2(也尝试过1.8.1 – 同样的结果)
> WebPack 2.6.1(也尝试了2.5.6 – 相同的结果)

webpack.config.js

const path = require('path');
const webpack = require('webpack');
const merge = require('webpack-merge');
const AotPlugin = require('@ngtools/webpack').AngularCompilerPlugin;
const CheckerPlugin = require('awesome-typescript-loader').CheckerPlugin;

module.exports = (env) => {
    // Configuration in common to both client-side and server-side bundles
    const isDevBuild = !(env && env.prod);
    const sharedConfig = {
        stats: { modules: false },context: __dirname,resolve: { extensions: [ '.js','.ts' ] },output: {
            filename: '[name].js',publicPath: 'dist/' // Webpack dev middleware,if enabled,handles requests for this URL prefix
        },module: {
            rules: [
                { test: /(?:.ngfactory.js|.ngstyle.js|.ts)$/,include: /ClientApp/,use: isDevBuild ? ['awesome-typescript-loader?silent=true','angular2-template-loader'] : '@ngtools/webpack' },{ test: /.html$/,use: 'html-loader?minimize=false' },{ test: /.css$/,use: [ 'to-string-loader',isDevBuild ? 'css-loader' : 'css-loader?minimize' ] },{ test: /.(png|jpg|jpeg|gif|svg)$/,use: 'url-loader?limit=25000' }
            ]
        },plugins: [new CheckerPlugin()]
    };

    // Configuration for client-side bundle suitable for running in browsers
    const clientBundleOutputDir = './wwwroot/dist';
    const clientBundleConfig = merge(sharedConfig,{
        entry: { 'main-client': './ClientApp/boot.browser.ts' },output: { path: path.join(__dirname,clientBundleOutputDir) },plugins: [
            new webpack.DllReferencePlugin({
                context: __dirname,manifest: require('./wwwroot/dist/vendor-manifest.json')
            })
        ].concat(isDevBuild ? [
            // Plugins that apply in development builds only
            new webpack.SourceMapDevToolPlugin({
                filename: '[file].map',// Remove this line if you prefer inline source maps
                moduleFilenameTemplate: path.relative(clientBundleOutputDir,'[resourcePath]') // Point sourcemap entries to the original file locations on disk
            })
        ] : [
            // Plugins that apply in production builds only
            new webpack.optimize.UglifyJsPlugin(),new AotPlugin({
                tsConfigPath: './tsconfig.json',entryModule: path.join(__dirname,'ClientApp/app/app.module.browser#AppModule'),exclude: ['./**/*.server.ts']
            })
        ])
    });

    // Configuration for server-side (prerendering) bundle suitable for running in Node
    const serverBundleConfig = merge(sharedConfig,{
        resolve: { mainFields: ['main'] },entry: { 'main-server': './ClientApp/boot.server.ts' },manifest: require('./ClientApp/dist/vendor-manifest.json'),sourceType: 'commonjs2',name: './vendor'
            })
        ].concat(isDevBuild ? [] : [
            // Plugins that apply in production builds only
            new AotPlugin({
                tsConfigPath: './tsconfig.json','ClientApp/app/app.module.server#AppModule'),exclude: ['./**/*.browser.ts']
            })
        ]),output: {
            libraryTarget: 'commonjs',path: path.join(__dirname,'./ClientApp/dist')
        },target: 'node',devtool: 'inline-source-map'
    });

    return [clientBundleConfig,serverBundleConfig];
};