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

摘要:
场景:官网:http://mint-ui.github.io/docs/#/zh-cn2/quickstartnpmimint-ui-Smain.js文件中引入并使用1//引入2importMintfrom'mint-ui'3import'mint-ui/lib/style.css'45Vue.use(Mint);然后报错提示:无法找到模块“mint-ui”的声明文件。“c:/vuePro/vue

场景:

  • 官网: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 defaultMint;
6 }  

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

免责声明:文章转载自《Vue 中引用组件错误【mint-ui】》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇NAT回流(Twice NAT)Hairping 参数详解wordcloud使用下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Vue项目性能优化整理

 以下方式基于 @vue/cli 快速搭建的交互式项目脚手架 1. 路由懒加载 当打包构建应用时,JavaScript 包会变得非常大,影响页面加载。如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了。 结合 Vue 的异步组件和 Webpack 的代码分割功能,轻松实现路由组件的懒加载。 1 imp...

vue中dom元素和组件的获取

Vue中获取DOM元素 <div id="app"> <input type="button" value="获取元素" @click="getElement"> <h3 ref="myh3">今天天气真好啊</h3> </div> <...

Vue 实战项目: 硅谷外卖(1)

第 1 章: 准备 1.1. 项目描述 1) 此项目为外卖 WebApp(SPA) 2) 包括商家, 商品, 购物车, 用户等多个子模块 3) 使用 Vue 全家桶+ES6+Webpack 等前端最新最热的技术 4) 采用模块化、组件化、工程化的模式开发 1.2. 项目功能界面 1.3. 技术选型 1.4. 前端路由 1.5. API...

Linux安装最新版Vue或者指定版本

ubuntu安装最新版Vue或者指定版本 首先已经安装了node.js 使用命令查看 $: node -v v10.17.0 再使用如下命令: npm install -g @vue/cli 安装后查看: $: vue -V @vue/cli 4.3.1 安装制定版本: #这个命令是百度的具体没有用过 npm install -g @vue/cli...

vue下实现WebRTC

1.1 WebRTC简介 WebRTC,名称源自网页即时通信(英语:Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的实时通信框架,提供了一系列页面可调用API。 参考定义: 谷歌开放实时通信框架 在上一篇博客Vue +WebSocket + WaveSurferJS 实现H5聊天对话交互 中...

ant design vue级联选择懒加载省市区三级数据

项目中原先是展示的一级数据,后面根据需求改成精确到县的。 使用Cascader级联选择,后台返回的是获取省份的字典接口,根据codeValue一级级查询进行动态加载。   <a-form-model-item prop="projectArea" ref...