如何在系统中导入vuetify/lib

Question

在vuetify和vuetify中使用vuetify-loader时，我在导入vuetify/lib时出现了一个打字错误，我无法理解我在这里做错了什么。需要一些帮助才能导入这个。

我在跟踪这个文档

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’隐式地具有‘任意’类型。

我试过用下面的线来代替它，但它没有起作用。

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

Answer 1

在vuetify中添加compilerOptions > types of your tsconfig.json

它应该是这样的：

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

保存并重新加载您的vscode。

Answer 2

我们使用vue add vuetify方法在我们的项目中添加Vuetify。

生成的文件plugins/vuatefy.ts有以下一行：

将此更改为：

import Vuetify from 'vuetify/lib';

这个

 `import Vuetify from 'vuetify';`

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