我想在我的 React 应用程序中使用 bootstrap 和其他 jQuery 插件(datepicker、carousel...),该应用程序使用 create-react-app
。
这是我导入 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
包。
最佳答案
在这种情况下,使用 bootstrap
或 bootstrap-datepicker
我需要 require
它而不是导入它。
import React, { Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import $ from 'jquery';
window.jQuery = window.$ = $;
require('bootstrap');
require('bootstrap-datepicker');
关于jquery - 如何在create-react-app中使用jQuery依赖插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44088235/