如何在 A-La-Carte 系统中使用 vuetify 加载程序时导入 vuetify/lib

Question

在vuetify 和vuetify-loader 中使用A-La-Carte 系统时，我在导入vuetify/lib 时遇到了打字错误，我无法理解我在这里做错了什么。需要一些帮助才能导入它。

我在关注这个documentation

import Vue from 'vue'
import Vuetify from 'vuetify/lib' // Error line
import 'vuetify/src/stylus/app.styl'

Vue.use(Vuetify)

找不到模块“vuetify/lib”的声明文件。 '/Users/.../vuetify/lib/index.js' 隐含了一个 'any' 类型。

我尝试用下面的行替换它，但效果不佳。

const Vuetify = require('vuetify/lib');

Answer 1

在compilerOptions 中添加vuetify > 您的tsconfig.json 中的types

应该是这样的：

{
 compilerOptions: {
    //other options here
    "types": ["vuetify"],
 }
}

保存并重新加载您的vscode。

Answer 2

我们使用vue add vuetify 的方式将 Vuetify 添加到我们的项目中。

生成的文件plugins/vuetify.ts有这一行：

将其更改为：

import Vuetify from 'vuetify/lib';

这个

 `import Vuetify from 'vuetify';`

从导入中删除 /lib， 它会解决问题