mocha-webpack编译失败：遇意外字符'#'及模块缺失问题求助

你的功能测试遇到了两个webpack编译相关的问题，咱们一个个来解决：

1. 处理spdy模块未找到的错误 #

union库把spdy作为可选依赖（仅在需要HTTP/2支持时才会用到），但webpack在target设为node时会严格检查所有依赖项。我们可以让webpack忽略这个可选依赖，将其当作空模块处理：

修改你的webpack.config.test-functional.js，添加resolve.fallback配置：

const config = require('./webpack.config');
config.target = 'node';
// 添加以下配置
config.resolve = {
  ...config.resolve,
  fallback: {
    spdy: false
  }
};
module.exports = config;

这样webpack就不会因为找不到spdy而报错，union会在运行时自动降级到普通HTTP模式。

2. 处理ecstatic.js的shebang解析错误 #

ecstatic.js开头的#! /usr/bin/env node是Unix脚本的shebang标记，webpack默认无法解析这种语法。我们需要添加一个loader来处理它：

首先安装shebang-loader：

npm install shebang-loader --save-dev

然后修改webpack.config.test-functional.js，添加模块规则：

const config = require('./webpack.config');
config.target = 'node';
config.resolve = {
  ...config.resolve,
  fallback: {
    spdy: false
  }
};
// 添加loader规则
config.module = {
  ...config.module,
  rules: [
    ...(config.module?.rules || []),
    {
      test: /ecstatic\.js$/,
      use: 'shebang-loader'
    }
  ]
};
module.exports = config;

这个loader会自动移除文件开头的shebang行，让webpack能正常解析文件内容。

验证修改 #

做完以上修改后，重新运行你的功能测试脚本：

npm run test-functional

应该就能正常编译并运行测试了。

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