离子 vue 插件

Question

我正在尝试在 this post 之后创建一个 ionic-vue 应用程序，但是当我在 [=21= 中注册 @ionic/vue 插件时出现 Cannot convert undefined or null to object 错误].

import Vue from 'vue'
import App from './App.vue'
import router from './router'

import Ionic from '@ionic/vue'
import '@ionic/core/css/ionic.bundle.css'

Vue.use(Ionic)
Vue.config.productionTip = false

new Vue({
  router,
  render: h => h(App)
}).$mount('#app')

Package.json

  "dependencies": {
    "@ionic/core": "^4.6.2",
    "@ionic/vue": "0.0.4",
    "core-js": "^2.6.5",
    "vue": "^2.6.10",
    "vue-router": "^3.0.3"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.9.0",
    "@vue/cli-plugin-eslint": "^3.9.0",
    "@vue/cli-service": "^3.9.0",
    "babel-eslint": "^10.0.1",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "vue-template-compiler": "^2.6.10"
  }

Answer 1

ionicons 似乎有问题。根据 this thread 添加 ionicons@4.5.9-1 解决了这个问题。

离子 vue 插件

Ionic vue plugin

vue.js

ionic4

ionic-vue