Vue-cli中报错：Module not found: Error: Can‘t resolve ‘vue-router ‘

背景

过程

反思

背景

配置尚硅谷的尚品汇环境时，报如下错误：

Compiled with problems:X

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

Module not found: Error: Can't resolve 'vue ' in 'D:\F\XX\project-SPH\app\src\router'

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

Module not found: Error: Can't resolve 'vue-router ' in 'D:\F\XX\project-SPH\app\src\router'

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`.

此时有误的index.js代码如下：

// 配置路由的地方
import Vue from 'vue ';
import VueRouter from 'vue-router ';//使用插件
Vue.use(VueRouter);
//引入路由组件
import Home from '@/pages/Home'
import Search from '@/pages/search'
import Login from '@/pages/Login'
import Register from '@/pages/Register'
//配置路由
export default new VueRouter({
//配置路由routes:[{path : "/home",component:Home},{path: " /search",component:Search},{path: " /login",component:Login},{path: " /register",component:Register}]
})

过程

一开始，是因为Vue-router安装不上去。怀疑是Vue-router这个库没有安装好报的错QAQ

后面经过一下午的百度，找原因也没有找到，最后决定靠自己看下代码报错的意思。一共有3处代码：全部指向index.js这个文件。

第一处：指向Search，我看了引用Search的地方，发现写成小写了。

第二处：引用vue和vue-router的地方，仔细观察后，发现，自己写多了一个空格 QAQ

改正过来后，再运行，不再报错。

反思

百度虽好，可是有时候也找不到自己问题的答案，还是得静下心来，仔细找到报错的根源。这个过程很痛苦，但是是一个磨砺自己的好机会。引以为鉴。

Vue-cli中报错：Module not found: Error: Can‘t resolve ‘vue-router ‘相关推荐

webpack4 报错 Module not found: Error: Can't resolve
webpack 要打包的文件的路径 -o 打包好的输出文件的路径报错 Module not found: Error: Can't resolve... 查到的解决方法通常是说文件路径大小写写错了 ...
解决typescrip使用xml2js库报错:Module not found: Error: Can‘t resolve ‘timer‘ in ‘‘
1.xml2js使用方法: yarn add xml2js yarn add @types/xml2js --dev 2.引入 var parseString = require('xml2js'). ...
vue启动报错Module build failed: Error: ENOENT: no such file or directory
vue启动项目报错,一大坨如下 Module build failed: Error: ENOENT: no such file or directory, scandir '/Users/son ...
Module not found: Error: Can‘t resolve ‘vue‘ in ‘C:\Users\86135\Desktop\webpack-vue\Vue\src\js‘
关于这样类型的大多数都是在main.js的import的路径不对造成的例如这样需要我们的webpack.config.js的配置文件上给'vue'配置个路径(就是给'vue'配置个别名) resol ...
Vue报错Module not found: Error: Can‘t resolve ‘less-loader‘
方法一 npm install less less-loader --save-dev 方法二
vue 运行报错Module build failed: Error: Node Sass does not yet support your current environment: Windows
卸载node-sass在安装 #1.卸载node-sass npm uninstall --save node-sass #2.安装node-sass npm install --save node- ...
前端报错Module not found: Error: Can‘t resolve巴拉巴拉的
我用的anrd pro框架的ts版,搞路由时有了这个报错,如果你无论怎么改路由配置她都报这个错,那么这个错还有一种可能就是你写出来了这个路由但是从来没有引用过他,随便这个地方用一下看看是不是报错就消失 ...
报错Module not found: Error: Can't resolve './public/javascript/page/index/index.js' in 'E:\pr
描述:出现这种错误的原因是找不到该文件.
Module not found: Error: Can‘t resolve ‘axios‘
在运行npm run serve时报错 Module not found: Error: Can't resolve 'axios' 原因:没有安装axios插件在运行项目的地方npm insta ...

Vue-cli中报错：Module not found: Error: Can‘t resolve ‘vue-router ‘

背景

过程

反思

Vue-cli中报错：Module not found: Error: Can‘t resolve ‘vue-router ‘相关推荐

最新文章

热门文章