未在没有internet的服务器上工作的原始图标

Question

我试图在我的反应应用程序中使用原始图标，图标在本地环境中被成功加载，然而，当部署在没有互联网的服务器上时，图标却没有加载。

import '../../node_modules/primeicons/primeicons.css'
    
<button title="Repurchase"
                style={{ borderRadius: '50%', fontSize: '0.8rem', backgroundColor: '#293189', color: 'white' }}
                onClick={() => this.purchase(rowData)}>
                <i style={{ marginTop: '5px' }} class="pi pi-download"></i>
              </button>

请参阅附图。你能帮帮我吗

​

Answer 1

不要从../../node_modules/primeicons/primeicons.css进口，你的进口应该是.

import 'primeicons/primeicons.css';