vueJs 引入iview时报错：Module build failed: SyntaxError？

Question

这是app.vue 入口代码：

<template>
  <div id="app">
    <img src="./assets/logo.png">
   <!-- <router-view/>-->
    <login-form></login-form>
    <!--<hello-word></hello-word>-->
  </div>
</template>

<script>
    import LoginForm from './components/LoginForm.vue'
//    import HelloWorld from './components/HelloWorld.vue'
export default {
 
 // The routing configuration
const RouterConfig = { routes: Routers};
const router = new VueRouter(RouterConfig);
  components: {
    LoginForm
  }
}
</script>


 这是LoginForm.vue代码：
 
 



 <template>
        <i-form ref="formInline" :model="formInline" :rules="ruleInline" inline>
            <div prop="user">
                <i-input type="text" v-model="formInline.user" placeholder="Username">
                    <icon type="ios-person-outline" slot="prepend"></icon>
                </i-input>
            </div>
            <div prop="password">
                <i-input type="password" v-model="formInline.password" placeholder="Password">
                    <icon type="ios-locked-outline" slot="prepend"></icon>
                </i-input>
            </div>
            <div>
                <i-button type="primary" @click="handleSubmit('formInline')">登录</i-button>
            </div>
        </i-form >
    </template>
    <script>
    export default {
        name:"LoginForm",
      data () {
        return {
          formInline: {
            user: '',
            password: ''
          },
          ruleInline: {
            user: [
              { required: true, message: '请填写用户名', trigger: 'blur' }
            ],
            password: [
              { required: true, message: '请填写密码', trigger: 'blur' },
              { type: 'string', min: 6, message: '密码长度不能小于6位', trigger: 'blur' }
            ]
          }
        }
      },
      methods: {
        handleSubmit (name) {
          this.$refs[name].validate((valid) => {
            if (valid) {
              this.$Message.success('提交成功!')
            } else {
              this.$Message.error('表单验证失败!')
            }
          })
        }
      }
    }
    </script>

Answer 1

export default {
 // The routing configuration
const RouterConfig = { routes: Routers};
const router = new VueRouter(RouterConfig);
  components: {
    LoginForm
  }
}

你这里写的是 export 出去一个 对象。
然后 你相当于在一个对象里面写

var obj = {
 const aaa = 'aaaa'
 const bbb = 'bbb'
}

你觉得不报错吗

Answer 2

<script>
    import LoginForm from './components/LoginForm.vue'
//    import HelloWorld from './components/HelloWorld.vue'
 // The routing configuration
const RouterConfig = { routes: Routers};
const router = new VueRouter(RouterConfig);
export default {
  RouterConfig,
  router,
  components: {
    LoginForm
  }
}
</script>