Vue 中引用组件错误【mint-ui】

场景:

  • 官网: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安装的时候没安装好,这个方法应该没有治根。

 

猜你喜欢

转载自www.cnblogs.com/CZheng7/p/12891970.html