无法安装vuetify

Question

在通过vue安装vuetify时，添加vuetify给出了错误，.not确定什么是this.Please，找到下面的错误: Error:无法找到模块‘./预设/未定义’

Answer 1

在我的现有 vue应用程序中添加vuetify时，我遇到了类似的错误。webpack安装指南为我工作。

注:我是Vue和Vuetify的新手。如果我在下面的步骤中做错了什么，请告诉我。

以下是一些亮点：

1. 添加vuetify包：

$ npm install vuetify

1. 创建一个Vuetify插件js文件，例如plugins/vuetify.js

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

const opts = { /* your vuetify options*/ }

export default new Vuetify(opts)

1. 对于webpack，您可能还需要添加一些额外的包，并在webpack.config.js中添加一个额外的配置部分(参见webpack安装指南)。如果您使用的是包裹，那么您可以跳过这个步骤。
2. 在你的入口点使用它，例如main.js

import Vue from 'vue'
import App from './App.vue'
import vuetify from './plugins/vuetify' // path to vuetify export

new Vue({
  el: '#app',
  vuetify,
  render: h => h(App)
})

在<v-app>中设置您的Vuetify App.vue

<template>
  <v-app>
    <v-main>
      <v-container>
        <v-card :elevation="2" class="mx-auto pa-6">
          <h1>Hello Vuetify from <code>{{ name }}</code></h1>
        </v-card>
      </v-container>
    </v-main>
  </v-app>
</template>

<script>
const App = {
    data: function() {
        return {
            name: 'App'
        }
    }
}
export default App
</script>