CIcon doesn't show icons
See original GitHub issueI’ve added a CIcon element to my page: <CIcon :name="cilListNumbered" />
Now I get the following error print and no icon on my UI:
[Vue warn]: Property or method “cilListNumbered” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
found in
—> <Test> at src/views/Test.vue <TheContainer> at src/containers/TheContainer.vue <App> at src/App.vue <Root>
import Vue from 'vue'
import App from './App'
import router from './router'
import Axios from 'axios'
import VueAxios from 'vue-axios'
import CoreuiVue from '@coreui/vue'
import { BootstrapVue } from 'bootstrap-vue'
import { iconsSet as icons } from './assets/icons/icons.js'
//import 'bootstrap/dist/css/bootstrap.css'
//import 'bootstrap-vue/dist/bootstrap-vue.css'
Vue.config.performance = true
Vue.use(VueAxios, Axios)
Vue.use(CoreuiVue)
Vue.use(BootstrapVue)
Axios.defaults.baseURL = process.env.BASE_URL + 'api/';
new Vue({
el: '#app',
router,
icons,
template: '<App/>',
components: {
App
},
})
Why is that?
Issue Analytics
- State:
- Created 4 years ago
- Comments:7
Top Results From Across the Web
Desktop Icons Not Showing Up - Driver Support
If it's just the default (system) icons you seek, right-click the desktop and choose Personalize. Go into Themes and select Desktop icon settings....
Read more >How to Fix Broken or Missing Icons and Thumbnails in ...
If your icons are corrupted or not displaying properly, you can reset the Windows 10 icon cache to fix them. The easiest way...
Read more >Desktop icons not showing in Windows 11/10
Go to Windows Settings > Personalization > Taskbar > Taskbar corner overflow. Toggle on the settings next to the app icon you want...
Read more >How to Fix the Desktop Icons Disappeared on Windows 10
Right-click on an empty space on your desktop. · Click on the “View” option from the context menu to expand the options. ·...
Read more >7 Quick Ways to Fix Desktop Icons not Showing on Windows 10
How do I fix icons not displaying on Windows 10? · 1. Rebuild the icon cache · 2. Disable the tablet mode ·...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
That’s true, sorry.
@woothu You are right. Then I would kindly ask you to complete or revise the official documentation accordingly. At its current state, it’s misleading: https://coreui.io/vue/docs/components/icon.html#cicon-api