web-dev-qa-db-ja.com

create-react-appでjQuery依存プラグインを使用する方法

bootstrapおよびその他のjQueryプラグイン（datepicker、カルーセルなど））をcreate-react-appを使用するReactアプリで使用したい。

ここに私がjQueryとブートストラップをインポートする方法があります：

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パッケージを使用したくないことに注意してください。

jqueryimportnpmwebpackcreate-react-app
11
Sohrab Taee

この場合、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');
15
Sohrab Taee