Reactjs 在React中使用UIKit 3图标

我正在尝试在React项目中使用UIKit图标。然而，它们根本不显示。我正在使用npm并运行以下代码：

import '../node_modules/uikit/dist/css/uikit.min.css';
import '../node_modules/uikit/dist/js/uikit.min.js';
import '../node_modules/uikit/dist/js/uikit-icons.min.js';

<span data-uk-icon="social" className="uk-text-large"/>

import'../node_modules/uikit/dist/css/uikit.min.css'；
导入“../node_modules/uikit/dist/js/uikit.min.js”；
导入“../node_modules/uikit/dist/js/uikit icons.min.js”；

通过删除以下内容解决：

import '../node_modules/uikit/dist/css/uikit.min.css';
import '../node_modules/uikit/dist/js/uikit.min.js';
import '../node_modules/uikit/dist/js/uikit-icons.min.js';

并将其添加到/public/index.html文件的

<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.42/css/uikit.min.css" />

<!-- UIkit JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.42/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.42/js/uikit-icons.min.js"></script>

---

通过删除以下内容解决：

import '../node_modules/uikit/dist/css/uikit.min.css';
import '../node_modules/uikit/dist/js/uikit.min.js';
import '../node_modules/uikit/dist/js/uikit-icons.min.js';

并将其添加到/public/index.html文件的

<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.42/css/uikit.min.css" />

<!-- UIkit JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.42/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.42/js/uikit-icons.min.js"></script>

资料来源：

---

来源：

如果使用

warn

或

npm

安装UIKit，可以在react

src/index.js的根javascript文件中添加这些

// UIKit import
import 'uikit/dist/css/uikit.min.css'
import UIkit from 'uikit'
import Icons from 'uikit/dist/js/uikit-icons'

// loads the Icon plugin
UIkit.use(Icons)

如果使用
warn
或
npm
安装UIKit，则无需将任何内容放入
public/index.html
，您可以在react
src/index.js的根javascript文件中添加这些内容

// UIKit import
import 'uikit/dist/css/uikit.min.css'
import UIkit from 'uikit'
import Icons from 'uikit/dist/js/uikit-icons'

// loads the Icon plugin
UIkit.use(Icons)

然后不需要将任何内容放入
public/index.html
打开浏览器控制台，如果路径不正确，它将显示404以查找缺少的文件。。或者使用“react icon factory”打开浏览器控制台，如果路径不正确，将显示404以查找缺少的文件。。或使用“反应图标工厂”