文章/答案/技术大牛

发布

社区首页 >问答首页 >在Vuejs 2应用程序中使用vue-路由器时，在‘vue-createRouter’错误消息中找不到“导出‘’。

问在Vuejs 2应用程序中使用vue-路由器时，在‘vue-createRouter’错误消息中找不到“导出‘’。
EN

Stack Overflow用户

提问于 2022-03-24 18:19:22

回答 2查看 649关注 0票数 0

我正在尝试为Vue 2/rails中的应用程序设置一个Vue路由器。我通过纱线=>安装了vue-路由器

yarn add vue-router@2

那是我的路由器=>

import { createWebHistory, createRouter } from "vue-router"
import PageHome from '../components/PageHome.vue'
import TermsAndConditions from '../components/TermsAndConditions.vue'

const routes = [
  {
    path: "/",
    name: "PageHome",
    component: PageHome,
  },
  {
    path: "/terms-conditions",
    name: "TermsAndConditions",
    component: TermsAndConditions
  }
]

const router = createRouter({
  history: createWebHistory(),
  routes
})

export default router

那是我的申请文件

import Vue from 'vue/dist/vue.esm'
import router from '../router/index'

Vue.use(router)

import PageHome from '../components/PageHome.vue'
import TermsAndConditions from '../components/TermsAndConditions.vue'

const images = require.context('../images', true)
require('../stylesheets/application.scss')

document.addEventListener('DOMContentLoaded', () => {
  if(document.getElementById('v-app')) {

    new Vue({
      el: '#v-app',
      store,
      components: {
        PageHome,
        TermsAndConditions
      }
    })
  }
})

我已经在一个文件中添加了这些行，我希望在其中看到链接。

   <router-link to="/">Home</router-link>
   <router-link to="/TermsAndConditions">Terms and conditions</router-link>
   <router-view/>

这就是我的package.json =>

    "vue": "^2.6.12",
    "vue-loader": "^15.9.6",
    "vue-router": "2",
    "vue-template-compiler": "^2.6.12",
    "vue-turbolinks": "^2.2.2",

不幸的是，我收到了这个错误消息，我真的不知道该如何处理它。

Failed to compile.

./app/javascript/router/index.js 13:15-27
"export 'createRouter' was not found in 'vue-router'

任何帮助都是非常欢迎的！

javascript

vuejs2

vue-router

回答 2

Stack Overflow用户

发布于 2022-03-24 18:40:15

对于Vue 2项目，您必须调用路由器。

import Router from 'vue-router';

const router = new Router({
  ...
})

export default router

createRouter用于Vue 3项目(Vue路由器v4)。

票数 0

Stack Overflow用户

发布于 2022-03-24 18:42:30

无法找到VueRouter2的文档，但在VueRouter3中，您必须这样做：

import VueRouter from 'vue-router';

...

const router = new VueRouter({
  mode: 'history',
  routes: [
    { path: '/', component: Home },
    { path: '/foo', component: Foo }
  ]
})

您作为问题发送的代码是用于VueRouter4的，与Vue3一起使用的

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/71607580

复制

相似问题

问在Vuejs 2应用程序中使用vue-路由器时，在‘vue-createRouter’错误消息中找不到“导出‘’。
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Vuejs 2应用程序中使用vue-路由器时，在‘vue-createRouter’错误消息中找不到“导出‘’。EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Vuejs 2应用程序中使用vue-路由器时，在‘vue-createRouter’错误消息中找不到“导出‘’。
EN