一 、问题如下： [Vue warn] Avoid using non-primitive value as key, use string/number value instead.non-primitive表示的是对象 这里的[Vue warn]是指不要用对象或是数组作为key，用string或number作为key。 :key相当于是索引的作用，提高循环性能，如果循环量较小，不写也可以的。 以上这篇解决vue v-for 遍历循环时key值报错的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
问题：在项目开发时使用字体图标，发现两个问题； 1、出现报错：解决方法为：把字体引入方式改为绝对路径2、不报错，但是不显示图标字体，出现方框原因可能有两种： ①没在用到的地方引入字体的样式文件②你使用的是后缀名为 .styl 文件 ①的解决办法是在用到的地方引入字体的样式文件（全局引入的话需要从app.vue里引入）②这个就是我遇到的问题，浪费了我好几分钟！！！微笑 解决办法是把font.styl改为font.css记得在用到图标的地...
最近在做一个vue项目，用的是官方推荐的axios请求数据，数据结构是一级对象嵌套二级对象，发现一级对象数据渲染不报错，二级数据渲染报错。很是郁闷！data函数如下export default {name: hello,data() {return {card:{} }}} 返回的数据如下： {"object":{"subObject":"123",...} }报错的原因是在data函数return的card里没有二级对象.所以会报错； 解决办法是： export default {name: detail,data() {return {loading: false,card:...
今天在起别人项目的时候， 发现报错。这个错误是，项目中不识别es6的扩展运算符， 解决方式很简单。 // 第一步 cnpm install babel-plugin-transform-object-rest-spread// 第二步 看一下你的 .babelrc 里面是否有识别es6语法的配置 {"presets": [["env", {"modules": false,"targets": {"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]}}],"stage-2"],"presets": [["es2015", { "modules": false }]],"plugins": ["trans...
搭建了一个vue项目，在配置路有的时候，陆续出现了各种报错其中最多的是一些写法，例如空格，缩进，各种括号，结果我一句一句对照，修改相当之费时间，效率低，一上午，一个路由配置都没写好 主要报错如下：截取了一段常见报错，选取其中一个：Expected indentation of 4 spaces but found 1 tab翻译一下，意思是：预期缩进4个空格，但找到1个选项卡。意思是vue在检测写法规则的时候，只认空格，不认tab的缩进，这时你就要修改的页...
1.webstorm中es6语法报错，解决方法： 打开 Settings => Languages & Frameworks => Javascript把 Javascript Language version 改为 ECMAScript 6 这样做所有的.js文件中es6不再报错，但是.vue文件中es6语法依然报错。 2. .vue文件中es6语法报错 (1)打开 Settings => File Types 找到 HTML 添加 *.vue这样vue文件就相当于html文件，可以编辑css，js，也都有智能提示。但是，在.vue文件中es6语法还是报错。 (2).粗暴：直接在<scrip...
在vue单页面应用中，我们大概都会使用CommonsChunkPlugin这个插件。 传送门 CommonsChunkPlugin 但是在项目经过本地测试没有任何问题，打包上线后却会报错 webpackJsonp is not defined。这是因为公共文件必须在自己引用的js文件之前引用。 可以手动改文件引用，但是推荐以下解决办法： 找到build→webpack.prod.conf.js→找到HtmlWebpackPlugin插件，添加如下配置即可 chunks: [manifest, vendor, app] 以上这篇解决vue项目报错w...
在IE 上使用Vuex的过程中，出现如下错误： SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser. 解决方法： 1、先安装babel-polyfill npm install --save-dev babel-polyfill2、webpack.base.config.js下修改文件 entry: {babel-polyfill: babel-polyfill,app: ./src/main.js} 以上这篇解决VUEX兼容IE上的报错问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
解决方法：在utils.js里边的加上publicPath:../../, 在引入图片或者背景图的时候，使用方法：以上这篇解决在vue项目中,发版之后,背景图片报错,路径不对的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
本人在安装vue脚手架时报这样的错，我访问了漫山遍野还是没找到答案，有人叫我用cnpm安装，但是cnpm安装的vue有好多坑在里面： npm WARN checkPermissions Missing write access to C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrap npm ERR! path C:\Users\liuyg\AppData\Roaming\npm\node_modules\vue-cli\node_modules\cliui\node_modules\wordwrap npm ERR! code ENOENT np...
前提条件是已经有了vue项目，如果没有，请先建立，具体方法看这里https://cn.vuejs.org/v2/guide/installation.html 安装stylus 好了，建立好项目后我们来安装stylus npm install stylus stylus-loader --save-dev这样就安装上了stylus。 接下来就可以使用了，使用方式分两种。一种是在.vue文件的style块中使用，一种是引用.styl文件的形式 在.vue文件的style块中使用 这个很简单，只要在style标签加上lang="stylus"就可以了，看完...
找到build文件夹下面的webpack.base.conf.js文件。然后打开该文件，找到图下这段代码，把他注释掉。注释掉之后，再进行子页面等编写的时候，空格不规范的情况下也不会再报错啦。因为这个报错对于初学者来说实在头大。哈哈O(∩_∩)O哈哈~我标注的这些地方，原本是有严格的空格规范要求的，这些报错真是另人烦躁呀o(╥﹏╥)o 反正我把这个问题解决了，特别开心哒哒哒~~~ 以上这篇解决vue.js在编写过程中出现空格不规范报错的问题就是...
本文介绍了关于vue-resource报错450的解决方案，分享给大家，具体如下： 一、基本使用： 1.页面引入import vueResource from vue-resourceVue.use(vueResource)2. 调取接口 Vue.http.post(url, {data1: data1,data2: data2 }).then(response => {console.log(success, response) }, response => {console.log(error, response) })二、报错450 定位错误信息：请求header没有完全一一对应。Content-Type: application/x-www-form-url...
我最近在研究Vue的路上，今天遇到了个问题，在vue cli 引入css报错，后来查询了很多资料，那么今天也算个学习笔记吧！ 1.问题描述之前用vue-cli搭建的项目，在main.js中引入elementUI库中的css,或者在其他文件中（比如App.vue）引入自己的css文件（假如你的文件是在src目录下），都会报一个相同的错。下如图经过一番折腾之后发现需要在build文件下的webpack.base.conf.js中加上下面的代码即可 { test: /\.css$/, include: [ /src/,...
错误：出现问题原因：2.0已经没有map这个方法了，只有1.0兼容该方法。 解决方法： （1）方法1：使用命令npm install vue-router@0.7.13兼容1.0版本vue。在代码中的使用方法：（2）解决方法2：基于vue2.0，写对应的方法。 具体用法如下图：注：1.0和2.0在一些用法上有比较大的差别，用的时候需要注意。 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。