vue.js - 无法安装 vuetify
问题描述
通过 vue add vuetify 安装 vuetify 时出现错误。不确定这是什么。请在下面找到错误:错误:找不到模块 '../presets/undefined'
解决方案
在将 vuetify 添加到我现有的vue 应用程序时,我遇到了类似的错误。webpack安装指南对我有用。
注意:我是 Vue 和 Vuetify 的新手。如果我在以下步骤中做错了什么,请告诉我。
以下是一些亮点:
- 添加 vuetify 包:
$ npm install vuetify
- 创建一个 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)
对于webpack,您可能还需要添加一些额外的包并在其中添加额外的配置部分
webpack.config.js
(请参阅webpack 安装指南)。如果您使用的是包裹,则可以跳过此步骤。在您的入口点使用它,例如
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>
推荐阅读
- php - 如何在 PhpStorm 中设置 Xdebug 以仅在一个浏览器中收听?
- angularjs - How can i pass extra parameter when color changed?
- javascript - JS使用扩展运算符克隆对象并更改一个字段
- batch-file - 尝试编写一个批处理文件,使用 FORFILES 删除旧的 xml 和 psr 数据文件,同时还计算以这种方式删除了多少文件
- uml - 如何通过代码创建 UML 图并在图中搜索字符?
- authentication - Nginx 在一台主机上具有多个客户端证书
- python - '在系列上使用字典进行聚合'的替代方法是什么
- sql - GroupBy 只有一个字段,不是我在 Select 中的所有字段
- postgresql - 为什么我不能在这里使用 IF ?
- reactjs - 从 React 组件创建 Html,包括样式