项目中出现的问题

1、error:The template root requires exactly one element.

解决办法:Vue只允许模板里存在一个根节点

2、组件化的vue里的data为什么要用data函数,用return语句?

答:项目里用到data采取函数式的方法,主要是因为如果用官网定义的data对象那样定义的话,会导致data里的变量全局可见,会造成变量污染,如果用return包裹起来,就是当前组件可用,不会影响其它组件。个人觉得它不只是会影响别的组件,也会造成所在组件的运行出现问题,还是要注意!

3、

解决:再webpack的配置文件里加上取消严格格式的插件,

   在初始化滑动条的时候,导入了mui.js,但是控制台报错:“Uncaught TypeError:'caller','callee',and 'arguments' properties not be accessed on strict mode'
   + 问题可能是:mui.js中用到了'caller','callee',and 'arguments'东西,但是webpack中打包好的bundle.js中,是默认启用严格模式的,所以两者冲突了
   + 解决冲突:1、把webpack打包时候默认的严格模式去掉  "transform-remove-strict-mode"

4、The message port closed before a response was received.

解决:逐个关闭扩展程序,排查导致问题的扩展程序。

          点击Chrome的右上角三个点--点击更多工具--点击扩展程序--关闭xx扩展程序

5、Duplicate keys detected: ''. This may cause an update error.

       绑定的键值重复,检查一下即可

(10/2号笔记:完成了新闻详情页面展示及comment子组件的加载,以及图片分享界面顶部滚动条的实现,出现的问题有:之前新闻详情页面加载不出来,一个原因是路由方式不对,再一个原因是data函数里定义的变量没有用return语句给包裹起来,导致出现问题,今天都已解决!)

 

posted @ 2019-10-02 11:21  热爱前端的韩梅梅  阅读(323)  评论(0编辑  收藏  举报