zoukankan      html  css  js  c++  java
  • vue入门(一)----工程vue_sell

    1.利用vue脚手架工具创建vue,webpack工程目录

    npm install -g vue-cli  安装vue脚手架

    vue init webpack sell 初始化一个webpack模板,工程名是sell的项目

    cd sell 进入项目

    npm install 安装项目package.json配置文件中需要的依赖包

    npm run dev

     2.vue入口html--index.html;js---main.js

    在vue的初始阶段,遇到的一些问题

    (1)
    报错:ESLint: Do not use 'new' for side effects. (no-new) ESLink是检查代码一致性和错误的工具,解决以上报错可以修改ESLink配置,或者解决:解决:
    解决: 1,添加/* eslint-disable no-new */注释,ESLink会绕过检查
    2,使用let将new后的实例给一个变量,符合检查,不再报错‘

    (2)

     报错You are running Vue in development mode.Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html

     解决:Vue.config.productionTip = true


    (3)
    报错:Do not mount Vue to <html> or <body> - mount to normal elements instead.

    解决:new实例的vue对象,el的dom节点会被template模板替换,所以当节点是body or html时候,会发生报错(可认为html,body是dom不可少的节点,,so...)

    (4)
    报错:Unhandled rejection RangeError: Maximum call stack size exceededill install loadIdealTree
    解决:npm版本兼容问题,要不降版本,本媛觉得麻烦,直接cnpm install搞定

    (5)
    报错:!!vue-stylus-loader!css-loader?{"sourceMap":true}!../node_modules/_vue-loade....
    解決:great solution:https://github.com/vuejs/vue-loader/issues/415

    (6)
    报错:关于eslink检查的报错
    解决:自定义eslink检查规则,例如强制分号的检查等

    (7)
    报错:
    Cannot find module 'stylus'
    解决:依赖中缺少stylus的引入,在package中添加style-stylus,stylus,执行npm install;
    Cannot find module ...之类的问题可同类解决

    (8)
    报错:router.map is not a function
    解决:vue2.0兼容问题,router的map方法,只支持vue1.0版本
    1.降低vue版本(不可取)
       2.兼容2.0版本写法

    (9)
    报错:router.start is not a function
    解决:vue2.0兼容问题,该方法在2.0已经弃用

    (10)
    报错:Failed to resolve directive: link
    解决:
    vue2.0兼容问题,v-link方法在2.0已经弃用,使用router-link

    (11)
    报错:Unknown custom element: <route-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
    解决:搜了好多东西,确认vue引入,组件已经注册,浪费了好多时间,so...route-view写错,哎.......论避免低级的错误如何主要

    (12)
    报错:当报错解决之后,发现router-view没有显示,查看元素没有渲染dom
    解决:new Router({})中,实例化目标格式错误,routes Not routers


    (13)
    报错: 路径的引入容易导致错误,我们可以通过定义路径别名解决

  • 相关阅读:
    nrm安装与配置
    vue-cli2升级到webpack4
    npm和yarn的区别
    Vite和Vue CLI的优劣
    基于vue+element+select实现的自定义控件selectTree
    Extjs 隐藏tabpanel的header / title
    await/async 总结
    泛型
    jpg图片打包生成pdf文件的几种方式
    varchar(100)和varchar(10)的区别
  • 原文地址:https://www.cnblogs.com/angel1254/p/10686569.html
Copyright © 2011-2022 走看看