引用iview ui 时报错，很有可能是你写的不对！！！

最新推荐文章于 2021-12-09 19:12:19 发布
原创 最新推荐文章于 2021-12-09 19:12:19 发布 · 860 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#iview vue

本文分享了作者初次接触 VueJS 2.0 的体验,指出了在 main.js 中全局引入 iview 后不再需要单独引用的问题,并强调了 template 中只能有一个根节点的设计规范。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

刚学习vuejs2.0  ,赶紧还是挺有难度的！！！

第一次使用时就出现了各种不利。

比如，在main.js里面全局引用iview后，就不需要再单独引用了。



这就说明用法错误。。。。一定切记，在vue2.0里面，

 template里面只能有一个节点  
所有内容必须被一个div 包裹！！！

【踩过的坑】viewUI 按需引用组件报错
helloChou_J的博客
11-18 1021
在引用 DatePicker 组件时，组件注册不成功，出现以下报错： error in ./node_modules/view-design/src/directives/v-click-outside-x.js Module parse failed: Unexpected token (126:20) You may need an appropriate loader to handle this file type. | | const normalisedB
iview ui 和elment ui 的按需引用，减小项目体积_viewui 按需引入
2401_84434442的博客
04-28 887
]]// 导入自己需要的组件。
在vue项目中引用Iview的方法
10-18
iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。这篇文章主要介绍了在vue项目中引用Iview的方法,需要的朋友可以参考下
VUE(四)：引入iview
盏茶作酒的博客
10-11 1434
环境基础 vue-cli 3.x搭建环境 安装 npm安装 NPM安装 iView npm i -S iview 全局引入 一般在 webpack 入口页面 main.js 中如下配置： import iView from 'iview'; import 'iview/dist/styles/iview.css'; Vue.use(iView); 會出現 iView is unidefin...
webpack引入iview.css,【Vue】webpack引入iview运行出错
weixin_39693971的博客
08-03 455
使用webpack新建Vue项目，Vue正常引入可以运行，但是当我引入iview并试图打包的时候，报了一大堆错误。。看了一下，都是css出错了：webpack配置如下：/*公共配置文件*/const path = require('path')const webpack = require('webpack')const HtmlWebpackPlugin = require('html-webp...
vue项目引入iview,标签语法报错
09-09 877
我们在新建一个vue项目，引入iview，写页面的时候，会遇到页面标签语法报错现象 看控制台时候会提示 会出现这样的报错 但是网上找答案 在vscode菜单中，文件->首选项->设置，找到 “vetur.validation.template”: true 将其改为false，关闭eslint的检查-----但是这样设置后，报错还是存在 其实在vue项目中加上几行代码就可以了，...
iview ui.zip dist文件
09-16
1. **组件丰富**：IView UI提供了包括按钮、图标、表格、弹框、提示等多种常见的UI组件，这些组件都已经进行了预设的样式和交互设计，开发者只需简单引用就能实现功能，无需从零开始编写代码。 2. **易于使用**：...
iview-admin:基于iview UI的管理模板
05-01
iview管理员 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for ...
使用Node、Vue、ElementUI、iViewUI,验证码等等搭建一个综合性网站(含后台管理系统).zip
08-03
ElementUI可能用于主要的前台页面，而iViewUI可能用于后台管理系统，以实现不同风格的界面设计。 4. **MongoDB**: MongoDB 是一个NoSQL数据库，以其灵活性和高性能在Web开发中广泛使用。在这个项目中，MongoDB可能...
基于Vue.js和iView UI的Crontab表达式组件设计源码
最新发布
09-29
该项目是一款基于Vue.js和iView UI框架开发的Crontab表达式组件源码，总计包含56个文件，涵盖26个JavaScript文件、11个Vue组件文件、6个图片文件以及相关配置文件。该组件旨在提供直观、便捷的Crontab表达式定义工具...
Vue 4.1.1 使用 IView UI 以及 引入报错问题解决
Bnana博客
03-31 1726
iview vue 引入 教程 vue iview 引入 问题解决 vue iview 引入控制台报错解决 vue iview css 样式问题解决 vue.config.js main.js View UI vue 中使用 IView UI
全局引入iview报undefined iView is not defined
weixin_39818813的博客
07-28 2492
请注意，你是不是之前用了按需引入的方式做了配置，然后现在又切换了全局引入，那这个时候你就需要把按需引入的配置删除： .babelrc文件下的配置删除 然后全局引入就行了： import iView from 'iview'; import 'iview/dist/styles/iview.css'; Vue.use(iView); ...
iView采用组件按需引入时，部分组件报错问题
zyf1910的博客
03-01 901
最近在项目中使用iView组件按需引入时，部分组件引入后会报错，官方文档在按需引入时也没有说明，现在将解决方式记录下来，希望对遇到同样问题的童鞋有帮助。 问题： 通过报错信息可以看到，是 ‘node_modules/_view-design@4.5.0@view-design/src/directives/v-click-outside-x.js’ 这个文件解析失败，需要使用加载器来处理，所以我们就知道应该怎样解决了。 解决方式： 在webpack配置一下，使用babel-loader来处理： ...
vue中，iview框架的引入与按需引入
weixin_45689946的博客
12-09 6397
一、全局引入 这个官网上也有，不过我也随便记录一下吧： npm install iview --save iview推荐安装3.2.0版本以上的，那些版本才可以在table中使用slot-scope语法，用起来更方便吧。 然后，在main.js中引入iview的css，使用全局注册iview就可以使用了。 import iView from 'iview' import 'iview/dist/styles/iview.css' Vue.use(iView) 二、按需引入iview 想要按需引入
iviewUI使用中遇到的问题与解决方案（一）
热门推荐
驚鴻入梦
01-03 1万+
项目中使用的iviewUI的版本是2.7.3，在使用中遇到的问题总结了一些，后续会更新，如果各位大神有遇到的坑欢迎评论补充1、modal的样式要放到最外面，否则样式给不到；2、iview组件的事件@on-change=fn,fn后面没有‘(参数)’；3、router-view不能放到tabs里面，组件会渲染两次，要把它单独拿出来4、FormItem里面input或者select不能用:model动
vue 使用前端框架 iview时，引入iview.css 报错
weixin_33852020的博客
12-02 6105
vue安装完iview后，启动项目，提示 in ./node_modules/dist/styles/iview.css 报错 打开 webpack.base.conf.js,找到 test:/.css$/,添加includ项即可 { test:/\.css$/, loader:'style-loader!css-load...
iview按需引用后使用this.$Modal报错
line
11-08 8217
在做需求的时候，需要在点击某处的时候出现一个警告框，于是想到使用iview官方文档的所推荐的Modal对话框来创建一次性的轻量级对话框。 main.js中引入了iview import { Button， Modal } from 'iview' Vue.component('Button', Button) Vue.component('Modal', Modal) 错误信息如下： 代...
iview 3.0.0 按需引入的bug
weixin_33964094的博客
08-14 507
iview 3.0.0 按需引入的bug 官网教程 https://www.iviewui.com/docs/... 简单易懂 按照官网撸完会再在我们的项目中引入你需要的组件(比如button)，会发现报如下错：Cannot read property 'size' of undefined 这是为什么呢，都是按照官网一手一脚码的，这时...
Vue.js与iView UI非工程化实践：MVVM探索
本文主要讲述了作者基于Vue.js和iView UI框架进行非工程化实践的过程与心得。Vue.js是由美籍华人尤雨溪创建的一款轻量级的JavaScript框架，它的设计初衷是简化Angular.js的复杂性，提供易于理解和使用的MVVM（Model-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值