VUE初始--初学者错误板块-CFANZ编程社区

1.【报错】Uncaught SyntaxError: Unexpected identifier
一般出现这个错误提示就是标点符号问题，检查有没有漏掉“，”之类的

2.【报错】注意是"el:" 不要打成"el="!!否则绑定不上

3.【错误描述】：查看node版本的时候提示node: bad option: -V
【解决方法】: node --version
node -v
【分析】这个东西，其实错的毫无技术含量，主要问题是眼瞎，就是node 查询版本号要用小v！！而不是大V

4.【报错】 npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!
【报错原因】package-lock.json 冲突
【解决方法】最简单的解决办法：npm ci

5.【报错】当npm install时，若显示：

npm WARN panda@1.0.0 No description npm WARN panda@1.0.0 No repository field.

是package.json文件配置出错的原因，复制一个package.json到这个文件夹中再执行npm install就可以正常下载包了

6.路由设置，来看看人类的错误下限究竟在哪里
【错误描述】页面不报错，路由配置正确（really?），但界面不显示，猜测是绑定失败
【解决方法】找遍了全中国，竟是const routes时引入地址import没写…
宁看这错的：

在这里插入图片描述

正确的：
在这里插入图片描述

都讲到这了，顺便来看看设置路由的步骤吧。这里不包括最基础的main.js导入路由啊。
1.在router / index.js 中,设置路由

import Vue from 'vue'                        //引入基础文件
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [   //这里注意,routes，不要写成routers
    {
        path:'/',   //跳转过去的路径
        name:'home',
        component:()=>import('../views/home/home.vue')   //您瞅瞅这，导入组件啊！！import！！
    }
]

const router = new VueRouter({
    base: process.env.BASE_URL,
    routes
  })
  
export default router   //导出

2.在需要跳转的vue文件中进行设置

<template>
    <div>
    <h1>测试</h1>
    </div>
</template>

<script>
export default{     //默认导出
    name:'Home',   //赐名
}
</script>

3.在App.vue中绑定

<template>
  <div id="app">
    <router-view />    //绑进来
  </div>
</template>