Vue 中引用组件错误mint-ui

Posted 2021-02-19 czheng7

场景：

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

1 // 引入
2 import Mint from ‘mint-ui‘
3 import ‘mint-ui/lib/style.css‘
4 
5 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,内容如下：

1 declare module "mint-ui" {
2     const Mint: any;
3     export const Toast: any;
4     export const MessageBox: any;
5     export default Mint;
6 }  

 

好像还是在npm安装的时候没安装好，这个方法应该没有治根。