VUE-安装vue-router的时候报错

运行VUE项目的时候报错

 ERROR  Failed to compile with 4 errors                                                                                                                                                                                         08:39:32

 error  in ./src/main.js

Module not found: Error: Can't resolve 'element-ui' in 'E:\program\sally-manage-vue\src'

 error  in ./src/main.js

Module not found: Error: Can't resolve 'element-ui/lib/theme-chalk/index.css' in 'E:\program\sally-manage-vue\src'

 error  in ./src/main.js

Module not found: Error: Can't resolve 'vue-router' in 'E:\program\sally-manage-vue\src'

 error  in ./src/router/index.js

Module not found: Error: Can't resolve 'vue-router' in 'E:\program\sally-manage-vue\src\router'

ERROR in ./src/main.js 3:0-33
Module not found: Error: Can't resolve 'element-ui' in 'E:\program\sally-manage-vue\src'

ERROR in ./src/main.js 4:0-46
Module not found: Error: Can't resolve 'element-ui/lib/theme-chalk/index.css' in 'E:\program\sally-manage-vue\src'

ERROR in ./src/main.js 6:0-35
Module not found: Error: Can't resolve 'vue-router' in 'E:\program\sally-manage-vue\src'

ERROR in ./src/router/index.js 2:0-35
Module not found: Error: Can't resolve 'vue-router' in 'E:\program\sally-manage-vue\src\router'
 @ ./src/main.js 5:0-30 11:2-8

webpack compiled with 4 errors

在这里插入图片描述

原因

没有安装相关的包

安装一下

在这里插入图片描述

报错了

E:\program\sally-manage-vue>npm install vue-router --save
npm ERR! code EPERM
npm ERR! syscall open
npm ERR! path D:\Program Files\nodejs\node_cache\_cacache\index-v5\08\16\c8ae455602545373fb92f4ba496c0cab320ba425895f70f34c09fc692023
npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, open 'D:\Program Files\nodejs\node_cache\_cacache\index-v5\08\16\c8ae455602545373fb92f4ba496c0cab320ba425895f70f34c09fc692023'
npm ERR!  [Error: EPERM: operation not permitted, open 'D:\Program Files\nodejs\node_cache\_cacache\index-v5\08\16\c8ae455602545373fb92f4ba496c0cab320ba425895f70f34c09fc692023'] {
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'open',
npm ERR!   path: 'D:\\Program Files\\nodejs\\node_cache\\_cacache\\index-v5\\08\\16\\c8ae455602545373fb92f4ba496c0cab320ba425895f70f34c09fc692023',
npm ERR!   requiredBy: '.'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a text editor or antivirus),
npm ERR! or that you lack permissions to access it.
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.

npm ERR! Log files were not written due to an error writing to the directory: D:\Program Files\nodejs\node_cache\_logs
npm

使用管理身份运行cmd,再换个命令

#这个版本是vue2.0的
npm install --save vue-router@3

在这里插入图片描述

再来解决 ‘element-ui’

先删除node_modules
重新npm install
然后再安装element-ui

npm install
npm install --save element-ui

在这里插入图片描述

最后重新运行项目即可

npm run serve

在这里插入图片描述

GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:3 个月前 )
c345bb45 7 个月前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 7 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐