Cloudflare Worker中导入Suncalc遇阻，求解决方案

以下是几种亲测可行的解决办法：

方法1：通过Wrangler打包CommonJS版本的Suncalc #

Cloudflare Workers的Wrangler工具自带打包能力，可自动将CommonJS模块转换为适配Worker环境的ESM：

1. 初始化Worker项目（未创建则执行）：

   wrangler init suncalc-worker
   

2. 安装Suncalc依赖：

   npm install suncalc
   

3. 在Worker脚本（如src/index.js）中导入使用：

   import * as SunCalc from 'suncalc';
   
   export default {
     async fetch(request) {
       const times = SunCalc.getTimes(new Date(), 51.5, -0.1);
       return new Response(`日出时间：${times.sunrise}`);
     }
   };
   

4. 确保wrangler.toml配置正确：

   name = "suncalc-worker"
   main = "src/index.js"
   compatibility_date = "2024-05-01"
   type = "module"
   

5. 本地测试或部署：

   wrangler dev
   # 或部署到Cloudflare
   wrangler deploy
   

方法2：手动引入ESM版本的Suncalc源码 #

若不想依赖npm打包，可直接使用适配ESM的Suncalc源码：

1. 从Suncalc仓库获取suncalc.es.js文件（或自行转换CommonJS版本：将文件末尾的module.exports = SunCalc;改为export default SunCalc;）
2. 将该文件放到Worker项目的src目录下
3. 在Worker脚本中导入本地文件：

   import SunCalc from './suncalc.es.js';
   
   export default {
     async fetch(request) {
       const position = SunCalc.getPosition(new Date(), 51.5, -0.1);
       return new Response(`太阳方位角：${position.azimuth}`);
     }
   };
   

方法3：使用Import Maps从CDN导入ESM模块 #

通过Cloudflare Workers的Import Maps功能直接从CDN加载ESM格式的Suncalc：

1. 在wrangler.toml中配置Import Maps：

   [imports]
   "suncalc" = "https://unpkg.com/suncalc@1.9.0/dist/suncalc.es.js"
   

2. 在Worker脚本中直接导入使用：

   import * as SunCalc from 'suncalc';
   
   export default {
     async fetch(request) {
       const times = SunCalc.getTimes(new Date(), 51.5, -0.1);
       return new Response(`日落时间：${times.sunset}`);
     }
   };
   

注意：建议选择v1.9.0及以上版本的Suncalc，部分旧版本仅提供CommonJS格式，无法直接通过CDN的ESM链接导入。

内容的提问来源于stack exchange，提问作者Vince L.