ezuikit-js常见问题原因及解决方式

本文列举了EZUKIT在使用过程中可能遇到的常见问题，并按照开发流程中的关键环节逐一进行介绍，包括：集成→初始化→播放→销毁→对讲。您可以根据遇到问题的具体阶段，有针对性地查阅本文档，以便快速解决问题。
一、集成

1、VUE项目集成ezuikit-js后，启动/编译阶段报node_moduules/loader错误

解决方案：参考以下配置，修改项目工程的vue.config.js配置文件，忽略对ezuikit.js的二次打包，并重试。

// vue.config.js
module.exports = {
  publicPath: "./",
  chainWebpack: (config) => {
    config.module
      .rule("babel")
      .test(/\.js$/)
      .exclude.add(
        (file) =>
          /node_modules/.test(file) && !/\.vue\.js|ezuikit\.js/.test(file)
      )
      .end()
      .use("babel-loader")
      .loader("babel-loader")
      .options({
        presets: ["@babel/preset-env"],
      });
    config.module
      .rule("vue")
      .test(/\.vue$/)
      .use("vue-loader")
      .loader("vue-loader");
  },
};

或：vue2.5版本之前的框架，将vue-cli-service升级至最新版本，或使用vite进行项目构建。

2、react项目集成后，编译/启动失败，webpack报错

解决方案：在webpack.config.js中，配置忽略对ezuikit.js的二次打包。

// 执行命令，暴露webpack配置文件
react-scripts eject

// webpack.config.js
module.exports = {
    //... 
    externals: {
        'ezuikit': 'ezuikit'
    }
}

或：访问我们的github（https://github.com/Ezviz-OpenBiz/EZUIKit-JavaScript-npm/blob/master/ezuikit.js），将ezuikit.js文件保存至目标集成页面的同级目录，并通过import导入。

import EZUIKit from "./ezuikit.js";

二、初始化

1、初始化播放器一直转圈加载