使用@p5-wrapper/react时遇模块未找到错误的技术求助

API 探路者

2026-6-22

问题：依赖已安装但无法解析@p5-wrapper/react模块

按照@p5-wrapper/react官方README的最简示例配置项目，同时也尝试过使用@p5-wrapper/next。尽管相关依赖已成功安装，但始终遇到错误：Module not found: Can't resolve '@p5-wrapper/react'。

相关代码

sketch.js：

import { ReactP5Wrapper } from "@p5-wrapper/react";

function sketch(p5) {
  p5.setup = () => {};
  p5.draw = () => {};
}

export default function Zine() {
  return <ReactP5Wrapper sketch={sketch} />;
}

package.json：

{
  "dependencies": {
    "@p5-wrapper/next": "^1.0.3",
    "@p5-wrapper/react": "^4.4.1",
    "next": ">=12.3.4",
    "p5": "^1.9.4"
  },
  "devDependencies": {
    "@types/node": "^20.14.1",
    "@types/p5": "^1.7.6",
    "@types/react": "^18.3.3",
    "@types/react-dom": "^18.3.0",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "typescript": "^5.4.5"
  }
}