第一天之导入Vuetify的坑

Webpack导入Vuetify的坑

对于一般的官网创建来说是这样的：

$ vue create day01
// navigate to new project directory
$ cd day01
$ vue add vuetify

对于vuetify的使用很便捷不过对于小白的我来说更喜欢Webpack----部署快

对于Webpack来说：

vue init webpack day01cd day01npm install vuetify --save

大概来看是没啥问题但是当我一运行时总会控制台报错

[Vue warn]: Error in beforeCreate hook: "Error: Vuetify is not properly initialized, see https://vuetifyjs.com/getting-started/quick-start#bootstrapping-the-vuetify-object"found in---> <VApp><App> at src/App.vue<Root>..................一大堆东西

大概意思就是我的Vuetify配置的不行然后吐血般的找了一天差点从入门到放弃转身投奔到layui的怀抱

后面无意之间比较了一下两种方法创建的main.js

Webpack创建的
new Vue({el: '#app',router,Vuetify,components: { App },template: '<App/>'
})

官方文档创建的：
new Vue({router,vuetify: new Vuetify(),render: h => h(App)
}).$mount('#app')

改变之后的main.js

import Vue from 'vue'
import App from './App'
import router from './router'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'Vue.config.productionTip = falseVue.use(Vuetify)
export default new Vuetify({})/* eslint-disable no-new */
new Vue({router,vuetify: new Vuetify(),render: h => h(App)
}).$mount('#app')

成功了，愉快的使用vuetify！

第一天之导入Vuetify的坑相关推荐

蓝桥杯单片机第十二届第一场省赛--张三填坑
Less interests.More interest. 蓝桥杯单片机第十二届第一场省赛--张三填坑坑0 坑1 坑2 坑3 坑4 坑5 坑6 坑7 坑8 仅记录试题中可能存在的坑. 源码和PDF题 ...
Kubernetes单机创建MySQL+Tomcat演示程序：《Kubernetes权威指南》第一章demo报错踩坑
欢迎访问我的个人博客:https://midoq.github.io/ 引言最近做边缘计算项目,因为没有基础,所以首先学习Kubernetes.感觉系统的中文入门资料比较少,只找到<Kuber ...
营收增长乏力亏损连连人造肉第一股Beyond Meat何时出坑？
随着消费升级浪潮来袭,从2019年伊始,一股"人造肉"的消费升级浪潮逐渐刮到人们的餐桌,人造肉以其低热量.低碳排放.高蛋白转换效率等一系列经济特性而逐渐受到生产商与消费者的认可和欢 ...
java导入xmind的坑及解决方案
导包: <dependency><groupId>com.github.eljah</groupId><artifact ...
AE基础教程第一阶段——02导入素材以及序列串的方法
导入素材以及序列串的方法导入素材快捷键Ctrl+i 导入素材步骤: 直接在这里双击也可以导入素材或者也可以从文件夹中直接拖动所需要的问价到项目中双击导入小老鼠文件选中导入的文件,双击打开显示效 ...
C4D/MAYA导入Unity填坑以及C4D渲染自我心得
自我学习进程中, @1 C4D/MAYA的动作导入到Unity里可以只导入骨骼动作. @2 动作需要预留1帧T-Pose让Unity骨骼匹配绑定. @3 可能还存在骨骼问题,重新Unity进行骨骼匹配 ...
《Spring》第一篇 IDEA导入Spring源码
目录一. 下载源码二. gradle 1. gradle 下载 2. 环境变量的配置配置 GRADLE_HOME 配置 GRADLE_USER_HOME 三. Spring源码的配置文件修改 s ...
WPF和Halcon编程第一步，导入图像到Halcon的WPF窗口控件出错？
运行成功版本: using System; using System.Collections.Generic; using System.Linq; using System.Text; using ...
第一天：django+vue项目立项
这是挑战简书日更第一天,我们直接开始! 第一步:创建项目 django-admin startproject auto_test_platform 第二步:创建模型先创建两个模型,一个是用户管理,一 ...

第一天之导入Vuetify的坑

Webpack导入Vuetify的坑

第一天之导入Vuetify的坑相关推荐

最新文章

热门文章