我剛開始學習 react js 并使用 coreui 免費模板。但我不知道為什么 coreui 圖標沒有顯示。如果我的代碼錯誤,請糾正我。這是我首先構建我的 react js 應用程序的步驟。我已經安裝了所有節點模塊,例如 @coreui/coreui、@coreui/icons-react 和 sass-loader在 App.js 中導入樣式(@import "~@coreui/coreui/scss/coreui";) 并調用登錄這是我的代碼登錄(從免費 CoreUI 模板中的 master.zip 復制)import React from 'react'import { CButton, CCard, CCardBody, CCardGroup, CCol, CContainer, CForm, CInput, CInputGroup, CInputGroupPrepend, CInputGroupText, CRow} from '@coreui/react'import CIcon from '@coreui/icons-react'const Login = () => { return ( <div className="c-app c-default-layout flex-row align-items-center"> <CContainer> <CRow className="justify-content-center"> <CCol md="6"> <CCardGroup> <CCard className="p-4"> <CCardBody> <CForm> <h1>Login</h1> <p className="text-muted">Sign In to your account</p> <CInputGroup className="mb-3"> <CInputGroupPrepend> <CInputGroupText> <CIcon name={'cil-user'} /> </CInputGroupText> </CInputGroupPrepend> <CInput type="text" placeholder="Username" autoComplete="username" /> </CInputGroup> <CInputGroup className="mb-4"> <CInputGroupPrepend> <CInputGroupText> <CIcon name="cil-lock-locked" /> </CInputGroupText> </CInputGroupPrepend> <CInput type="password" placeholder="Password" autoComplete="current-password" /> </CInputGroup>
CoreUI 圖標沒有出現在我的反應 js 應用程序中
蕭十郎
2022-11-11 10:58:45