【Vuetify】TS 配置 Vuetify 时 SASS 编译失败

最近点子好多,正好也刚从忙得暗无天日的生活中恢复过来,于是决定启用 TypeScript + Vuetify 的计划写几个 Web APP

为了以后方(偷)便(懒),当然要先做好一个模板~

然而,被一个巨无聊的 BUG 坑了好几个小时...科学上网都用上了,找了好久才找到问题所在 TAT

首先,你必须安装 vue-cli 3

1. 通过 vue-cli 初始化项目(推荐在命令行输入 vue ui 使用图形界面创建)

选择手动配置,配置以下几项

  • Babel
  • TypeScript
  • Router
  • Vuex
  • CSS Pre-processors
  • Linter / Formatter

其中 CSS Pre-processors 选择 scss with node-sass,Linter / Formatter 选择 tslint

2. 在项目根目录下打开命令行,执行 vue add vuetify

选项全部按照默认即可

vuetify 会自动帮你在 main.ts 中引入并修改 App.vue 等

但此时!如果尝试执行 npm run serve 会发生如下错误:

Could not find a declaration file for module 'vuetify/lib'

这个好办,你只要在 tsconfig.json 中加入这一行代码即可:

"type
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值