出现的错误

在这里插入图片描述

分析原因及解决

主要是路径问题
①依赖安装位置错误
检查node_modules是否安装在了my-project(自己自定义的项目下)
在这里插入图片描述

我是在D盘新建一个文件夹(vueProject)作为项目存放地后,在cmd中自定义了一个项目my-project后直接使用命令cnpm install安装项目的依赖,此时的的路径还是在vueProject导致安装错误…要先进入my-project文件夹 命令:cd my-project,在安装依赖

②实在不行就将node_modules删除重新安装依赖,非常方便

  1. 先输入命令 cd d: 回车 后,再输入命令 d: 进入d盘目录,再输入命令 cd vueProject,进入该文件夹
  2. 然后命令 cd my-project 进入my-project这个文件夹,在该目录下安装项目所需要的依赖。
  3. 再使用命令cnpm install安装项目的依赖
  4. 使用命令: cnpm run dev 来启动项目
    在这里插入图片描述
    这样就成功了,在浏览器中运行上图最后一行给的地址 http://localhost:8081会出现
    在这里插入图片描述
Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐