Vue 中引用組件錯誤【mint-ui】

場景：

• 官網：http://mint-ui.github.io/docs/#/zh-cn2/quickstart
• npm i mint-ui -S
• main.js 文件中引入並使用

// 引入
import Mint from 'mint-ui'
import 'mint-ui/lib/style.css'

Vue.use(Mint);

然后報錯提示：

無法找到模塊“mint-ui”的聲明文件。“c:/vuePro/vue03/node_modules/mint-ui/lib/mint-ui.common.js”隱式擁有 "any" 類型。
Try `npm install @types/mint-ui` if it exists or add a new declaration (.d.ts) file containing `declare module 'mint-ui';`ts(7016)
 

解決：

在項目src目錄下新建一個.d.ts的文件，如：shim-mint.d.ts,內容如下：

declare module "mint-ui" {
    const Mint: any;
    export const Toast: any;
    export const MessageBox: any;
    export default Mint;
}  

 

好像還是在npm安裝的時候沒安裝好，這個方法應該沒有治根。