如何在create-react-app中使用jQuery依赖的插件

我想在我的使用create-react-app React应用程序中使用bootstrap和其他jQuery插件(datepicker,carousel,…)。

以下是我导入jQuery和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包。

在这种情况下使用bootstrapbootstrap-datepicker我需要它而不是导入它。

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