Vue 开发过程中存在的问题记录

1、表单校验问题

如果配置了具体的校验规则，则需要如有需要在规则中添加 required: true,， 不要使用el-form-item 中的required，否则会出现默认的英文校验提示 例如： XX is required

2、vuecli 3.0 打出来的包部署在环境出现的问题

首先，运行在开发态是正常运行的，其次起后端服务也是没有任何问题的，就是部署在服务器上会出现问题。

报错暂时记不得了，大致是在app.XXXXX.js 中加载 chuck.xxxxx.xxxx.css 失败，报的错误是404，本来以为是打出来的包没有该静态资源。但是看了下，是有这个资源的，但是内容为空。

找了很久的原因也没找到，只能从代码对比上入手了，因为之前放在环境上是正常运行的。

// 源代码
<template>
  <div class="device-index">
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'device-index',
  data () {
    return {
    }
  },
}
</script>

<style lang="less" scoped>
.device-index {
  height: 100%;
}
</style>

// 更新之后代码

<template>
<!--  <div class="device-index">-->
<!--  </div>-->
  <router-view></router-view>
</template>

<script>
export default {
  name: 'device-index',
  data () {
    return {
    }
  },
}
</script>

<style lang="less" scoped>
/*.device-index {*/
/*  height: 100%;*/
/*}*/
</style>

对比两端代码得出，可能是在使用嵌套路由过程中，不能没有任何逻辑和样式表导致的。不知道算不算一个bug。

加个div之后工程正常启动。