无法安装vuetify

Question

通过vue安装vuetify时，添加vuetify会出错。不确定这是什么。请查找以下错误：错误：找不到模块".."/预设/未定义

Answer 1

我在将vuetify添加到我的现有vue应用程序时遇到了类似的错误。webpack安装指南适用于我。

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

以下是一些亮点：

1. 添加vuetify包：

$ npm install vuetify

2. 创建一个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)

3. 对于webpack，您可能还需要添加一些额外的软件包，并在webpack.config.js中添加一个额外的配置部分(请参阅webpack安装指南(。如果您正在使用包裹，则可以跳过此步骤。

4. 在入口点中使用它，例如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)
})

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

<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>