2017-09-26 35 views
0

我不得不使用引導reactjs,當我嘗試導入Bootstrap.js它給了我錯誤引導的JavaScript需要的jQuery - Reactjs

引導的JavaScript需要jQuery的

這裏是我的進口報表(我試過以下)

import $ from 'jquery'; 
import jQuery from 'jquery'; //I installed jquery using npm 
import '@shopify/polaris/jquery'; //I put jquery.js file 
import '@shopify/polaris/bootstrap'; 

沒有什麼似乎在這裏工作。

+2

我認爲你需要的jQuery添加到您的HTML文件 –

+0

添加到HTML文件文件,刪除錯誤了。謝謝:) –

+0

很高興我可以幫助:) –

回答

1

在HTML文件中:

<html> 
     <head> 

      .................. 
      .................. 
      .................. 
     </head> 

     <body> 
      .................. 
      <script src="jquery.js"></script> // <<<<<< you missing import jquery here 
      <script src="bootstrap.js"></script> // <<<<<<< you have this one 
      .................. 
     </body> 
</html> 
1

您可以使用React Bootstrap以及替代選項。它具有Bootstrap的所有元素,加上它與ReactJS元素很好地融合在一起。