Angular 4升级至Angular 5后Azure部署异常排查求助

先给你梳理下问题里的几个关键错误点，再一步步给出解决方案：

1. 先修复Startup.cs里的致命错误 #

你在else分支里错误地保留了app.UseDeveloperExceptionPage();，这完全违背了生产环境的配置原则，不仅会导致敏感信息泄漏，还会和你设置的Production环境变量冲突。正确的Startup.cs环境分支代码应该是：

public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
        app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions { HotModuleReplacement = true });
    }
    else
    {
        app.UseExceptionHandler("/Home/Error");
        // 生产环境建议开启HSTS增强安全性
        app.UseHsts();
    }

    // 其他通用配置（比如静态文件、路由等）
    app.UseHttpsRedirection();
    app.UseStaticFiles();
    app.UseMvc(routes =>
    {
        routes.MapRoute(
            name: "default",
            template: "{controller=Home}/{action=Index}/{id?}");
    });
}

2. 正确配置Azure环境变量（别手动改web.config） #

手动修改发布后的web.config很容易被后续发布覆盖，Azure官方推荐直接在门户配置环境变量：

• 登录Azure门户，找到你的App Service
• 进入配置 > 应用程序设置
• 点击新建应用程序设置，添加键为ASPNETCORE_ENVIRONMENT，值为Production的配置项
• 保存后重启App Service，这样就彻底解决了环境提示错误，而且不会被发布覆盖

3. 解决日志不生成的问题 #

你当前的web.config日志配置有两个潜在问题：

（1）确保日志文件夹存在

Azure App Service不会自动创建logs文件夹，你需要：

• 通过Azure门户的高级工具 > Kudu进入站点文件管理器
• 在站点根目录（D:\home\site\wwwroot）手动创建logs文件夹
• 确保该文件夹有写入权限（Kudu默认会赋予权限，无需额外操作）

（2）修改日志路径为绝对路径

相对路径在Azure环境下可能解析异常，把web.config里的stdoutLogFile改成绝对路径：

<aspNetCore processPath="%LAUNCHER_PATH%" arguments="%LAUNCHER_ARGS%" stdoutLogEnabled="true" stdoutLogFile="D:\home\site\wwwroot\logs\stdout" forwardWindowsAuthToken="false" />

另外，建议不要直接修改发布后的web.config，而是在你的ASP.NET Core项目中添加一个web.config模板文件，这样每次发布时会自动生成包含正确配置的文件。

4. 验证Angular 5升级后的Webpack配置 #

你替换AotPlugin为AngularCompilerPlugin是正确的，但要确保配置完整：

（1）正确导入插件

在webpack.config.js顶部添加：

const { AngularCompilerPlugin } = require('@ngtools/webpack');

（2）替换插件配置

找到原AotPlugin的配置，替换为：

new AngularCompilerPlugin({
  tsConfigPath: './tsconfig.json',
  mainPath: './src/main.ts',
  sourceMap: true // 生产环境可以设为false
})

另外，你提到的const zone: NgZone = moduleRef.injector.get(NgZone);如果不是特殊业务需求，完全不需要添加，这可能会引入不必要的问题，建议移除。

5. 确保发布时使用生产构建 #

在Visual Studio发布时，务必确认：

• 发布配置选择Production
• 勾选在发布前构建，确保Angular项目执行了ng build --prod生产构建（会自动启用AOT和代码压缩）

完成以上步骤后，重新发布到Azure，应该就能正常运行了。

内容的提问来源于stack exchange，提问作者San Jaisy