vue-cli 3.0 引入mint-ui报错

场景:

  • 官网:http://mint-ui.github.io/docs/#/zh-cn2/quickstart
  • npm i mint-ui -S
  • main.ts 文件中引入并使用
     
    import MintUI from 'mint-ui'
    import 'mint-ui/lib/style.css'
    
    Vue.use(MintUI)

    然后报错提示:
    Could not find a declaration file for module 'mint-ui'. 'E:/example/vueProjects/vmarry/node_modules/mint-ui/lib/mint-ui.common.js' implicitly has an 'any' type.
      Try `npm install @types/mint-ui` if it exists or add a new declaration (.d.ts) file containing `declare module 'mint-ui';`

     

  • 解决:
    在项目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;
    }

    这样就能正常使用啦~

 

你可能感兴趣的:(vue)