无法在 ReactJS 中添加 JQuery Mobile - 无法解析“jquery-mobile”

Question

我正在尝试在我的 ReactJS 应用程序中添加 JQM。我正在做的添加它是：

npm install jquery@1.11.1 --save-dev
npm install jquery-mobile --save-dev

它将JQuery 和JQM 添加到模块，但问题是当我在我的应用程序中使用它时：

import $ from 'jquery';
import 'jquery-mobile';

它在控制台中给我以下错误：

找不到模块：错误：无法解析“/var/www/html/react/phonegapApp/”中的“jquery-mobile”

此外，当我使用 import JQuery 时，它的版本会自动从 ^1.11.1 更新到 package.json 文件中的最新版本 ^3.2.1 作为 JQM NPM 模块所需的版本应该小于1.11.1

Answer 1

您必须导入 jquery，然后像这样在 componentDidMount 中使用您的代码：

import $ from 'jquery';

class App extends Component {
  componentDidMount = () => {
      // Your Jquery code here for ex:
      $('.message a').click(function(){
      $('form').animate({height: "toggle", opacity: "toggle"}, "slow");
      });
  }