0
に必要とされ、私はthe official exampleを以下だが、私はこれで空白のページを取得する理由を私は知らないがここでエラー不明なエラー：[VUE-ルータ]「パス」ルート設定
vue-router.esm.js?fe87:10 Uncaught Error: [vue-router] "path" is required in a route configuration.
をJSであります私の2ページ：
/:language/bar /:language/foo
+------------------+ +-----------------+
| +---------+ | | +---------+ |
| | header | | | | header | |
| +---------+ | | +---------+ |
| +--------------+ | | +-------------+ |
| | bar | | +------------> | | foo | |
| | | | | | | |
| +--------------+ | | +-------------+ |
+------------------+ +-----------------+
これが私のやり方です。
私のエントリポイントのjsファイル：
import Vue from 'vue';
import router from './router';
// import some components
let vm = new Vue({
el: '#app',
router,
components: {/*imported components*/},
});
vm.$language.current = vm.$route.params.language;
私のエントリポイントのhtml
<body>
<div id="app">
<!-- this is the header, the common part -->
<navbar fullname=''></navbar>
<router-view></router-view>
</div>
</body>
マイルータ
import Vue from 'vue';
import Router from 'vue-router';
// import foo and bar components
Vue.use(Router);
let routes = [
{
path: '/:language',
name: 'homepage',
children: [
{
path: 'foo',
component: Foo
},
{
path: 'bar',
component: Bar
},
]
}
];
export default new Router({routes,});
私のfooコンポーネント
<template>
<div>
<h1>FOO</h1>
</div>
</template>
<script>export default {};</script>
は、どのように私はこのエラーを修正しますか？
親にもコンポーネントを追加する必要があります。 – Nora
@Noraあなたはあなたが正しいと思いますよね！どうも！あなたは答えを加えることができます。私はそれを受け入れます – smarber