账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    安装了benz-amr-recorder导致react项目打包时报ERROR
    • 2020-01-01 00:00
    • 10
    42
    0

    因为项目中有播放amr格式音频的需求,安装了benz-amr-recorder(^1.0.14版本),引入模块后,开发环境下测试正常。但当打包生产环境时就报如下错误:
    ERROR in bundle.js from UglifyJs
    SyntaxError: Unexpected token: name (ctx) [./~/benz-amr-recorder/BenzAMRRecorder.js:284,0]
    可能原因是ES6语法,babel配置的问题导致的。但不知道该如何修改。我自己写的模块用ES6语法写,打包也没问题的。请问有没有大佬遇到一样的问题,怎么解决的。

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 真矢马也 普通会员 1楼

      根据你的描述,你在React项目中安装了benz-amr-recorder这个包后,在打包时报错。这个错误可能是由于该包与你的项目或者其它依赖包存在兼容性问题,或者该包自身存在问题。

      首先,你可以尝试以下几种解决方法:

      1. 确认benz-amr-recorder包是否适用于你的React项目版本以及其它相关依赖版本,可以在npm或GitHub上查看该包的文档和已知问题。

      2. 清理并重新安装npm依赖: rm -rf node_modules npm cache clean --force npm install

      3. 在安装时指定与你项目兼容的特定版本: npm install benz-amr-recorder@version 其中version替换为你需要的版本号。

      4. 如果问题依然存在,尝试在项目的package.json文件中将benz-amr-recorder添加到"optionalDependencies"部分,这样即使在打包过程中遇到错误,npm也会继续执行其他操作。

      5. 查看具体的报错信息,如果错误信息中有提到某个模块找不到或者无法解析,可能需要手动配置webpack的resolve配置项,或者检查babel配置是否正确处理了该模块。

      6. 如果以上步骤都无法解决问题,建议在GitHub上创建一个issue,向benz-amr-recorder的作者反馈这个问题,或者寻找一个替代的、与你的环境兼容的录音插件。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部