如何在create-react-app中使用jQuery依赖插件 [英] How to use jQuery dependant plugins in create-react-app

问题描述

我想在我的使用create-react-app的React应用程序中使用引导程序和其他jQuery插件(datepicker，轮播...).

I want to use bootstrap and other jQuery plugins (datepicker, carousel, ...) in my React app which uses create-react-app.

这是我导入jQuery和引导程序的方式:

Here is how I import jQuery and bootstrap:

import React, { Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import $ from 'jquery';
window.jQuery = window.$ = $;
import 'bootstrap/dist/js/bootstrap.min';

然后出现以下错误:

./src/App.js
  Line 5:  Import in body of module; reorder to top  import/first

Search for the keywords to learn more about each error.

请注意，我不想使用react-bootstrap软件包.

Note that I don't want to use react-bootstrap package.

推荐答案

在这种情况下，为了使用bootstrap或bootstrap-datepicker，我需要require它而不是将其导入.

In this case for using bootstrap or bootstrap-datepicker I needed to require it instead of importing it.

import React, { Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import $ from 'jquery';
window.jQuery = window.$ = $;
require('bootstrap');
require('bootstrap-datepicker');

这篇关于如何在create-react-app中使用jQuery依赖插件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！