如何在Nuxt3的Netlify边缘函数中导入自定义工具函数？

1. 修正相对导入路径 #

Netlify边缘函数的执行目录是netlify/edge-functions/，而你的sum.js在项目根目录的utils/下，必须使用正确的相对路径+完整文件后缀导入（ESM规范要求必须带.js后缀）：

// netlify/edge-functions/foo.js
import { sum } from '../../utils/sum.js';

2. 配置Netlify构建工具识别本地模块 #

如果相对路径导入仍报错，在项目根目录的netlify.toml中添加配置，让Netlify的esbuild打包器正确解析本地模块：

[functions]
  node_bundler = "esbuild" # 指定用esbuild处理模块打包
  external_node_modules = [] # 不排除本地模块

[[edge_functions]]
  function = "foo" # 你的边缘函数文件名
  path = "/*" # 触发该函数的路径，可根据需求调整

3. 验证函数可用性 #

在边缘函数中测试导入的工具函数是否正常工作：

// netlify/edge-functions/foo.js
import { sum } from '../../utils/sum.js';

export default async (request, context) => {
  const result = sum(2, 4, 6);
  return new Response(`计算结果：${result}`);
};

启动项目：

netlify dev

访问对应路径（比如http://localhost:8888），检查返回内容是否正确。

4. 额外注意事项 #

• 确保utils/sum.js使用标准ESM导出，不要混用CommonJS语法（比如module.exports）；
• 裸模块（如npm包）可直接导入，Netlify会自动处理其依赖打包；
• 若仍有问题，检查Netlify CLI版本，确保使用最新版：npm install -g netlify-cli

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