Angular-cli无法构建Angular 2应用，寻求部署至IISNode环境帮助

嘿，作为纯新手接手陌生Angular项目确实有点头大，我来帮你一步步搞定！

第一步：先搞定ng build的错误 #

你提到执行ng build时出错，虽然错误信息没写完，但新手常踩的坑大概有这些，你可以对照排查：

• 依赖未安装完全：先确保你在项目根目录下执行了npm install，把所有依赖包都装好。如果之前装过但还是报错，可以试试删除node_modules文件夹和package-lock.json，再重新执行npm install。
• Angular CLI版本不匹配：项目可能用的是旧版Angular CLI，而你装的是新版。可以先看项目根目录package.json里@angular/cli的版本号，然后执行npm install @angular/cli@对应版本来安装匹配的CLI，再重新尝试ng build。
• Node.js版本不兼容：Angular 2对Node.js版本有要求，一般需要Node.js 6.x及以上（具体可以看项目package.json里的engines字段）。用node -v查看当前版本，版本不对的话就升级或降级Node.js。

如果还是有错误，把完整的错误信息贴出来，我再帮你精准定位！

第二步：构建成功后，部署到IISNode #

假设你已经成功执行ng build --prod（加--prod是生产环境构建，会做代码压缩、树摇等优化，生成的文件更小性能更好），项目根目录下生成了dist文件夹，接下来部署到IISNode的步骤如下：

1. 准备Node.js服务器文件 #

因为IISNode需要通过Node.js托管静态文件，你需要在项目根目录（和dist文件夹同级）创建一个server.js文件，内容如下：

const express = require('express');
const path = require('path');
const app = express();

// 托管dist文件夹里的Angular静态文件
app.use(express.static(path.join(__dirname, 'dist')));

// 所有请求都返回index.html（适配Angular单页应用的路由）
app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'dist/index.html'));
});

// 设置端口，IISNode会自动处理端口映射，这里留个默认值
const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

注意：要先安装express依赖，执行npm install express --save。

2. 配置IISNode的web.config文件 #

在项目根目录创建web.config，内容如下：

<configuration>
  <system.webServer>
    <handlers>
      <!-- 让IISNode处理server.js文件 -->
      <add name="iisnode" path="server.js" verb="*" modules="iisnode" />
    </handlers>
    <rewrite>
      <rules>
        <!-- 所有请求都转发到server.js处理 -->
        <rule name="DynamicContent">
          <match url="/*" />
          <action type="Rewrite" url="server.js" />
        </rule>
      </rules>
    </rewrite>
    <!-- 可选：设置IISNode的日志存储目录 -->
    <iisnode logDirectory="iisnode" />
  </system.webServer>
</configuration>

3. 部署到Windows Server 2016的IIS #

• 把项目文件（包括dist、server.js、web.config、package.json等）上传到服务器的IIS站点目录下（比如C:\inetpub\wwwroot\你的项目名）。
• 在服务器上进入项目目录，执行npm install安装所有依赖（包括express）。
• 打开IIS管理器，找到你的站点，确保iisnode模块已经启用（如果没启用，需要重新安装IISNode并勾选相关组件）。
• 测试站点：访问你的服务器域名或IP，应该能正常加载Angular应用了。

额外新手提示 #

• 建议先在本地把项目跑通（执行ng serve能正常启动并访问），再进行构建和部署，这样能减少环境不一致带来的问题。
• 生产环境构建一定要加--prod参数，不然生成的文件体积大，性能差。

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