Question

我的应用程序中出现此错误$ is not defined。我正在使用此npm软件包

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

将jquery添加到项目的方式是错误的，依赖项不需要您向jquery添加react接口，而是应该将其添加到全局范围，等效于index中的链接和script标签。 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

这可能会在项目开发的后期引起问题

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

1 个答案: