Angular 2部署至Windows Server 2016时缺失compression模块求助

嘿，我来帮你搞定这个问题！这个报错其实很常见，咱们一步步来解决：

首先，搞清楚compression模块是什么 #

compression是Node.js的一个常用中间件，作用是给你的HTTP响应做gzip或deflate压缩，能大幅减少传输的数据量，提升页面加载速度。你的server/server.js文件里应该引入了这个模块，但服务器上的node_modules里还没安装它，所以才会报错。

解决步骤 #

1. 安装compression模块 #

你有两种方式安装：

• 本地安装后同步到服务器：在你本地Angular项目的根目录（注意不是dist文件夹）打开命令行，运行：

  npm install compression --save
  

  这个命令会把compression添加到package.json的依赖列表里，同时在本地node_modules中生成对应的文件。之后把更新后的node_modules文件夹完整复制到服务器网站的根目录，覆盖原来的node_modules。

• 直接在服务器安装：如果你的服务器已经安装了Node.js和npm，进入服务器网站根目录，打开命令行运行：

  npm install compression
  

  这样会直接在服务器上安装这个模块。

2. 确认server.js里的配置正确 #

打开你的server/server.js，确保它正确引入并启用了compression，示例代码如下：

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

// 先启用压缩中间件
app.use(compression());

// 托管Angular的静态文件（dist目录内容）
app.use(express.static(__dirname + '/../dist'));

// 处理Angular单页应用的路由刷新问题
app.get('*', (req, res) => {
  res.sendFile(__dirname + '/../dist/index.html');
});

// 启动服务器
const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

3. 额外建议：如果是纯静态Angular应用，可以简化部署 #

如果你的Angular应用不需要Node.js后端接口，其实完全可以不用iisnode和server.js，直接把dist文件夹的内容放到IIS站点根目录，然后用下面的web.config来处理单页应用的路由问题（避免刷新页面时404）：

<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="Angular Routes" stopProcessing="true">
          <match url=".*" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/index.html" />
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

这种方式更简单，也不会依赖Node.js模块，适合纯前端的Angular项目。

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