这是一个vue购物车项目，但在修改app.vue时就老是网页出现这种情况，该怎么办啊

一个vue购物车项目，但在开始敲代码，需要修改app.vue时，运行出现这个错误，前面的环境服务器都建好了的，一开始运行出来的是下面这个图，后来就报错了，这怎么解决啊

public中的index.js有错

这是一个代码错误提示，意思是在 "C:\vuestudy\app\src\routerlindex.js" 文件的第 9 行第 1 列存在不规范的空格，可能是多了空格或者使用了非法字符。

请打开该文件，并检查第 9 行第 1 列的空格是否存在问题。可以试着将该空格删除或替换成一个标准的空格（U+0020）并保存文件，然后再次运行代码，看看是否仍会出现这个错误提示。

看一下你的.eslintrc.js文件

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7490061
• 这篇博客你也可以参考下：vue入门，从启动项目开始，做完得物App的用户登录（前端！）
• 除此之外, 这篇博客: 在app.vue里面注册的组件，然后想在首页不显示，需要怎样控制呢？vue切换路由的时候，在哪儿监控路由变化呢？中的 代码： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• <template>
    <div id="back" v-if="isShowBack">
      <div class="back_box" @click="toBack()">
        <span class="left_arrow">
          <img src="../../../static/images/icon_arrow_bottom_left.png" />
        </span>
      </div>
    </div>
  </template>
  
  <script>
    var that;
    export default {
      data() {
        return {
          msg: '',
          isShowBack:false
        }
      },
      methods: {
        toBack() {
          console.log('点击了返回')
          this.$router.go(-1);
        }
      },
      watch:{
        '$route':function(){
          that = this;
          console.log('watch里面',that.$route.name);
          if(that.$route.name == 'HomeNew'){
            that.isShowBack = false;
          }else{
            that.isShowBack = true;
          }
        }
      }
    }
  </script>
  
  <style scoped="scoped">
    .back_box {
      width: 100%;
      height: 30px;
      background: #f1f1f1;
    }
  
    .left_arrow {
      width: 22px;
      display: inline-block;
      transform: rotate(90deg);
      margin-top: 4px;
      margin-left: 4px;
    }
  
    .left_arrow img {
      width: 100%;
    }
  </style>
  

  ------完。

• 您还可以看一下 汤小洋老师的全新Vue3.0全家桶 零基础入门到项目实战课程中的 配置代理服务器实现跨域访问小节, 巩固相关知识点