$ 未定义在我的应用程序中出现错误

Question

我收到此错误$ is not defined 。我正在使用此npm package

https://www.npmjs.com/package/@zoomus/websdk

这是我的代码https://codesandbox.io/s/dry-dew-ut22z?file=/src/App.js

import React from "react";
import "./styles.css";
import { ZoomMtg } from "@zoomus/websdk";

ZoomMtg.preLoadWasm();
ZoomMtg.prepareJssdk();

export default function App() {
  return (
    <div className="App">
      <h1>Hello CodeSandbox</h1>
      <h2>Start editing to see some magic happen!</h2>
    </div>
  );
}

API 链接

https://marketplace.zoom.us/docs/sdk/native-sdks/web/getting-started/quickstart

Answer 1

The way you added jquery to the project is wrong, the dependency does not require you to add a react interface to the jquery, instead you are supposed to add it to the global scope, equivalent of link and script tag in index.html.

因此，您所要做的就是在公共文件夹中编辑您的 index.html 文件并添加上述链接，例如使用 cdn：

<script
  src="https://code.jquery.com/jquery-3.5.1.min.js"
  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
  crossorigin="anonymous"></script>

您提供的 deos 代码似乎甚至没有尝试公开依赖项所需的文件，这就是我使用 cdn 库的原因。

请注意，依赖项还要求您提供其他文件，例如：

• node_modules/@zoomus/websdk/dist/css/bootstrap.css

• node_modules/@zoomus/websdk/dist/css/react-select.css

这可能会导致项目开发后期出现问题