Figma插件开发：TypeScript无法解析node_modules中path模块路径

核心错误原因 #

你当前的导入代码const path = require('../path');是错误的——Node.js的path是内置核心模块，不是你项目目录下的文件，不需要用相对路径查找。另外需要注意：Figma插件的运行环境并非Node.js环境，直接使用Node内置的path模块会在运行时报错，必须使用浏览器兼容的替代方案。

分步解决方案 #

1. 修正导入语句 #

将错误的相对路径导入改为直接导入内置模块（后续会处理兼容问题）：

// TypeScript推荐写法
import path from 'path';

如果保留CommonJS风格（不推荐TS项目使用）：

const path = require('path');

2. 安装浏览器兼容的path替代包 #

Figma插件运行在类浏览器环境，不支持Node.js原生path模块，需要安装path-browserify提供兼容实现：

npm install path-browserify --save-dev

3. 配置Webpack解析path模块 #

修改webpack.config.js，添加resolve.alias配置，让Webpack把path指向path-browserify：

const path = require('path'); // 此处是Webpack配置用的Node环境path，可正常使用

module.exports = {
  // ...原有配置
  resolve: {
    alias: {
      path: 'path-browserify'
    },
    extensions: ['.ts', '.js']
  }
};

4. 调整TypeScript配置（可选） #

确保tsconfig.json的compilerOptions包含node类型，避免类型报错：

{
  "compilerOptions": {
    // ...原有配置
    "types": ["node"]
  }
}

验证修复 #

执行npm run build，Webpack将正确解析path模块，不再出现路径找不到的错误。运行插件时，path-browserify会提供与Node.jspath模块一致的API，适配Figma的运行环境。

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