首页 > 解决方案 > 未找到组件(Vuetify 和 Vuejs)

问题描述

未找到组件错误。在 vue-template-compiler 2.6.12 的 vuetify 1.5.5 和 vue 2.6.12 中。我在 Discord 上尝试过一些人,但他们似乎无法弄清楚这里可能存在什么问题。有时它会发出 our=t the component not found 错误,有时即使两个库是相同的版本,它也根本不运行。 应用程序.Vue

<template> <v-app>
<v-content>
  <router-view></router-view>
</v-content></v-app>
</template><script>
export default {
name: "App",

components: {},

mounted() {},

data: () => ({}),
};
</script>

<style>
</style>

所以 main.js 主要包含来自 javascript 的导入以及库和模块main.js的初始化

import Vue from "vue";
import App from "./App.vue";
import "./registerServiceWorker";
import router from "./router";
import store from "./store/index";
import 'material-design-icons-iconfont/dist/material-design-icons.css';
import "./plugins/vuetify";

import 'animate.css'
import './assets/custom.css'
import './assets/table.css'
import './assets/google-like-text.css'
import VeeValidate from "vee-validate";

import VueSession from "vue-session";
import VueGoogleCharts from 'vue-google-charts';


import 'vue-orgchart/dist/style.min.css'

import Snotify from 'vue-snotify'
import 'vue-snotify/styles/material.css';

Vue.use(VeeValidate, { inject: false });


var options = {
 persist: true
};

Vue.use(VueSession, options);
Vue.use(VueGoogleCharts);
Vue.use(Snotify)


Vue.config.productionTip = false;
 new Vue({
 router,
 store,
 render: h => h(App)
}).$mount("#app");

vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import 'vuetify/src/stylus/app.styl'
import 'vuetify/dist/vuetify.min.css'
import colors from "vuetify/es5/util/colors"

Vue.use(Vuetify, {
  iconfont: 'md',
  theme: {
    primary: "#2E7D32",
    secondary: colors.grey.darken1,
    accent: colors.shades.black,
    error: colors.red.accent3
  }
})

d

标签: javascriptvue.jscomponentsvuetify.js

解决方案


推荐阅读