created at 06-19-2022 views: 4

## error¶

Compiled with problems:X

ERROR in ./src/router/index.js 2:0-23

ERROR in ./src/router/index.js 3:0-36

ERROR in ./src/router/index.js 8:0-36
Module not found: Error: [CaseSensitivePathsPlugin] D:\F\XX\project-SPH\app\src\pages\search\index.vue does not match the corresponding path on disk Search.



The wrong index.js code at this time is as follows:

// where to configure the route
import Vue from 'vue';
import VueRouter from 'vue-router ';//Use plugin
Vue.use(VueRouter);
//Introduce routing components
import Home from '@/pages/Home'
import Search from '@/pages/search'
import Register from '@/pages/Register'
//configure routing
export default new VueRouter({
//configure routing
routes:[
{
path : "/home",
component:Home
},{
path: " /search",
component:Search
},{
},{
path: "/register",
component:Register
}
]
})


## process¶

At first, it was because Vue-router could not be installed. It is suspected that the Vue-router library is not installed and reported

After an afternoon of google, I couldn't find the reason, and finally decided to look at the meaning of the code error by myself. There are a total of 3 codes: all point to the index.js file.

The first place: pointing to Search, I looked at the place where Search was quoted, and found that it was written in lowercase.

import Search from '@/page/search' // here, should be '@/page/Search'


The second place: The place where vue and vue-router are imported. After careful observation, I found that I wrote an extra space.

import Vue from 'vue ' // note the blank
import VueRouter from 'vue-router ' // note the blank


## reference¶

https://blog.csdn.net/weixin_56035334/article/details/125281074

created at:06-19-2022