如何在 React JS 中的 App.js 中导入 jquery

Question

我想将引导布局集成到 ReactJS 中。在这里，我遇到了一个问题，因为我错过了引导程序中的一个 jquery 文件，因此我的代码无法正常工作。 我很困惑如何在 App.js 中集成 Jquery

import './App.css';
import './css/bootstrap.min.css';
import './css/style.css'; 
import './css/slick.css';    
import './js/slick.min.js';   //Jquery   

错误显示为：

Line 17:     'define' is not defined no-undef
Line 17:     'define' is not defined no-undef
Line 17:    'jQuery' is not defined no-undef
Line 17:     Expected an assignment or function call and instead saw an 
             expression  no-unused-expressions
Line 17:     Expected an assignment or function call and instead saw an 
             expression  no-unused-expressions 

如何在 App.js 中添加 slick.min.js

Answer 1

引用自：https://stackoverflow.com/a/33351325/11932228

首先尝试将 jquery 包含到您的项目中

只需使用 npm 安装 jquery 包： npm i jquery --save

或者如果你使用 yarn：yarn add jquery

或者如果你使用 bower：bower i jquery --save

在您的 App.js 中：import $ from 'jquery';

如果它仍然不起作用，您可能需要检查布局的要求，它可能与 react 不兼容。