如何在不使用uikit组件的情况下在反应js中导入uikit js?

时间:2017-07-19 03:43:56

标签: javascript reactjs uikit

我很难在我的react js组件中导入我的uikit.js。

这是我的导入示例,uikit.css有效,但uikit.js提供了这种错误:

 import './uikit/css/uikit.css';
 import './uikit/js/uikit.js';

  Line 5:     'define' is not defined         no-undef
  Line 5:     'define' is not defined         no-undef
  Line 573:   'DocumentTouch' is not defined  no-undef
  Line 1107:  'MSGesture' is not defined      no-undef
  Line 5039:  Unexpected use of 'location'    no-restricted-globals
  Line 5043:  Unexpected use of 'location'    no-restricted-globals
  Line 6679:  Unexpected use of 'location'    no-restricted-globals

2 个答案:

答案 0 :(得分:2)

这应该不是问题。首先用

安装uikit

npm i uikit --save

然后将其导入您的应用程序,就像其他任何包一样。
如果您使用了create-react-app,并且在src目录中调用它,那么只需执行

import '../node_modules/uikit/css/uikit.css'

否则确定深度并相应地调整相对路径

答案 1 :(得分:0)

我是通过以下方式做到的;

  1. 安装 uikit * npm i uikit --save 或 yarn add uikit --save

  2. 转到 index.js 文件并包含它,以便您可以在任何组件中使用它;

     import "uikit/dist/css/uikit.min.css";
    

    或/和

    import "uikit/dist/css/uikit-core.min.css";
    

注意:不要忘记将 uikit javascript 也包含在您的 index.js 文件中。

 import "uikit/dist/js/uikit.min.js"; 

希望这会有所帮助!!