VuetifyTS在配置Vuetify时出现SASS编译错误
发布时间
阅读量:
阅读量
最近灵感不断,恰好也刚从忙碌得几乎没有喘息时间的生活节奏中抽离出来,因此决定启动使用 TypeScript 搭配 Vuetify 的方案,开发几个 Web 应用程序。
为了未来能够(顺)手(懒)操作,自然需要先搭建一个基础模板~
不过,却遭遇了一个极其乏味的 BUG,耗费了好几个小时的时间...甚至动用了科学上网的方式,费了很长时间才找到问题的根源 TAT
首先,你必须安装 vue-cli 3
1. 通过 vue-cli 初始化项目(推荐在命令行输入 vue ui 使用图形界面创建)
手动进行设置时,需完成以下内容的配置:
- Babel
- TypeScript
- Router
- Vuex
- CSS预处理器
- 代码检查与格式化工具
在CSS预处理器选项中,应选择scss with node-sass;而在代码检查与格式化工具中,则应指定tslint
2. 在项目根目录下打开命令行,执行 vue add vuetify
所有选项均可维持默认设置
vuetify 会自动在 main.ts 文件中进行引入操作,并对 App.vue 等文件内容作出相应调整
然而在此情况下,若尝试运行 npm run serve 命令,将出现以下错误:
Could not find a
全部评论 (0)
还没有任何评论哟~
