路由中已经{ path: "/login", component: LoginVue },在别的组件中import LoginVue from "@/components/login/myLogin.vue";from后面报错
时间: 2024-03-19 18:46:10 浏览: 24
这个错误通常发生在你在使用 `import` 语句时,导入的模块路径不正确或者导入的模块并不存在。在你的代码中,你在路由中注册了名为 `LoginVue` 的组件,但是在另一个组件中你使用了同样的名字来导入 `myLogin.vue` 组件,并且在导入语句中使用了不正确的路径。
为了解决这个问题,你需要在 `import` 语句中使用正确的模块路径,并且确保导入的模块确实存在于指定的路径中。如果你使用的是相对路径,你需要保证路径的正确性,在这里你可以使用 `@` 符号来代表你的 `src` 目录。同时,你需要将组件名改为 `myLogin`,因为你在 `myLogin.vue` 文件中定义了这个组件。以下是一个示例:
```
// 在你的组件中
import myLogin from "@/components/login/myLogin.vue";
export default {
name: "SomeComponent",
components: {
LoginVue: myLogin
},
// ...
}
```
这样你就可以将 `LoginVue` 组件指定为 `myLogin` 组件并使用了。
相关问题
路由中已经{ path: "/login", component: LoginVue },在别的组件中import LoginVue from "@/components/login/myLogin.vue";错误
这个错误通常发生在你在某个组件中引用了一个名字相同但实际上是不同组件的文件。在你的代码中,你已经在路由中注册了名为 `LoginVue` 的组件,但是在别的组件中你又使用了同样的名字引用了另一个组件 `myLogin.vue`。
为了解决这个问题,你需要在引用 `myLogin.vue` 的地方使用一个不同的组件名,或者将 `myLogin.vue` 的组件名改为 `LoginVue`,这样就不会造成冲突了。如果你想要保留两个名字相同的组件,可以在引用时使用一个不同的组件名来进行区分,例如:
```
import MyLogin from "@/components/login/myLogin.vue";
export default {
name: "SomeComponent",
components: {
MyLogin
},
// ...
}
```
这样就可以将 `myLogin.vue` 作为 `MyLogin` 组件来使用了。
export default new VueRouter({ routes:[ { name:"login", path:"/MyLogin", component: myLogin }, { name:"signin", path:"/SignIn", component: signIn } ] })有问题吗、
这段代码的问题不大,主要是用`VueRouter`来创建路由并配置路由的信息,其中`routes`数组中包含了两个路由对象,分别是`/MyLogin`和`/SignIn`。这两个路由对象分别对应两个组件`myLogin`和`signIn`。
不过,需要注意的是,在使用`VueRouter`时,需要先安装`vue-router`插件,然后在Vue的入口文件中引入并使用该插件。
例如,在main.js中可以这样引入和使用VueRouter插件:
```
import Vue from 'vue'
import VueRouter from 'vue-router'
import App from './App.vue'
import myLogin from './components/myLogin.vue'
import signIn from './components/signIn.vue'
Vue.use(VueRouter)
const router = new VueRouter({
routes: [
{
name: 'login',
path: '/MyLogin',
component: myLogin
},
{
name: 'signin',
path: '/SignIn',
component: signIn
}
]
})
new Vue({
router,
render: h => h(App)
}).$mount('#app')
```
这样就可以正常使用VueRouter进行页面跳转了。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)