VueRouterで登録したnameが読み込めない

Question

タイトル通りではあるのですが、vue routerのname属性が読み込めず画面が真っ白となりコンソールを見ると
uncaught ReferenceError: sign_in is not defined
と出てきます。
name属性を外せば画面が現れエラーも出ません。

以下の様にrouter.jsにsign_inという名前でログイン画面のnameを登録しています

//router.js
import Vue from "vue";
import VueRouter from "vue-router";
Vue.use(VueRouter);
import Signup from '../entries_views/sign_up.vue'
import Signin from '../entries_views/sign_in.vue'


const routes =[
  { path: '/sign_in', component: Signin, name:sign_in,  props: true},//ここ
  { path: '/sign_up', component: Signup },

const router = new VueRouter({
  routes,
  base: process.env.BASE_URL,
});


export default router;

router.js自体はmain.jsで読み込んでおり、グローバルで使えます。
またパス記法であればrouter.push('/sign_in')などやれば遷移をできるのでvue router自体が動いていないわけではないと思います。

何故以上の様なエラーが出るのでしょうか？
全く理由がわからない状態です。
よろしくお願いします。

Answer 1

掲載ミスの可能性もありますが、sign_inが変数になっています。
nameへは文字列を渡してください。

- name: sign_in
+ name:'sign_in'

Comments

[widget11]

なるほどクオーテーションで囲むんですね。。。全然気づかなかったです！！
ありがとうございます！解決しました！