Browserify报错Cannot find module ocr-space-api-alt2解决方法

• 直接触发报错的原因是依赖安装路径不对：执行npm install ocr-space-api-alt2时没有在main.js所在的C:\xampp\htdocs\browser目录下操作，导致当前打包路径下没有node_modules文件夹，Browserify遍历依赖时找不到对应模块。
• 深层兼容性问题：ocr-space-api-alt2是面向Node.js服务端环境开发的包，内部依赖了fs、path等Node.js专属内置模块，代码中使用的__dirname变量也是Node环境独有的，这些API在浏览器中根本不存在，就算解决了模块查找问题，打包出的文件也无法在浏览器正常运行。
• 逻辑适配问题：原代码中用${__dirname}/Uff.png读取本地文件的写法只适用于服务端，浏览器出于安全限制，不能直接通过本地路径读取用户磁盘上的文件，必须通过文件选择控件、拖拽等用户主动触发的方式拿到文件对象才能操作。

1. 修正依赖安装路径
   • 打开终端，执行命令切到项目所在目录：cd C:\xampp\htdocs\browser
   • 执行npm init -y生成项目的package.json配置文件，避免依赖被安装到其他路径
   • 重新在当前目录执行npm install ocr-space-api-alt2，确认目录下生成node_modules文件夹，且内部存在ocr-space-api-alt2子目录。
2. 改写代码适配浏览器环境
   不建议强行给Browserify配置Node内置模块polyfill来兼容服务端包，冗余代码多且容易出未知问题，直接用浏览器原生API调用OCR Space接口即可，修改后的main.js代码如下：

   // 浏览器端直接调用接口，无需依赖服务端专属npm包
   const OCR_API_KEY = '' // 填入你自己申请的OCR Space API Key
   const OCR_API_URL = 'https://api.ocr.space/parse/image'
   
   const getText = async (file) => {
     const formData = new FormData()
     formData.append('apikey', OCR_API_KEY)
     formData.append('file', file) // 传入用户选择的图片File对象
     formData.append('filetype', 'png')
     formData.append('verbose', 'true')
   
     try {
       const response = await fetch(OCR_API_URL, {
         method: 'POST',
         body: formData
       })
       const result = await response.json()
       console.log('OCR识别结果：', result)
     } catch (error) {
       console.error('OCR请求失败：', error)
     }
   }
   
   // 绑定文件选择控件事件
   const fileInput = document.createElement('input')
   fileInput.type = 'file'
   fileInput.accept = 'image/png'
   document.body.appendChild(fileInput)
   fileInput.addEventListener('change', (e) => {
     const selectedFile = e.target.files[0]
     if (selectedFile) getText(selectedFile)
   })
   

3. 重新执行打包
   在项目目录下执行browserify main.js -o bundle.js，将生成的bundle.js引入HTML文件即可在浏览器运行。

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