这个错误通常表示 routes
不是一个数组,而你尝试在其上调用 forEach
方法。请确保在 Vue Router 的配置中使用了正确的路由数组。
以下是一个简单的例子,展示了如何正确配置 Vue Router:
// main.js
import Vue from 'vue';
import App from './App.vue';
import VueRouter from 'vue-router';
import routes from './routes';
Vue.use(VueRouter);
const router = new VueRouter({
routes, // 注意这里是 routes,确保它是一个数组
});
new Vue({
el: '#app',
router,
render: h => h(App),
});
// routes.js
import Home from './components/Home.vue';
import About from './components/About.vue';
const routes = [
{ path: '/', component: Home },
{ path: '/about', component: About },
// 可以根据需要添加更多路由
];
export default routes;
确保你的 routes
变量在 VueRouter
配置中是一个数组,这样就不会再出现 Uncaught TypeError: routes.forEach is not a function
的错误了。