Advertisement

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)

还没有任何评论哟~