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）
报错： 路径的引入容易导致错误，我们可以通过定义路径别名解决

巴特西

vue入门（一）----工程vue_sell

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

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

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

最新文章

热门文章