vue init webpack 项目初始化失败问题

 更新时间:2024年09月26日 09:37:44   作者:公主打码  
在使用Vue-cli搭建项目时,可能会遇到依赖无法显示版本号的问题,首先检查环境变量配置是否正确,确保vue-init的安装目录被正确添加到path中,若问题仍未解决,尝试卸载并重新安装webpack,确保在正确的项目路径下执行npm install和npm run dev命令

vue init webpack 项目初始化失败

在目标文件夹下

右键点击Git Bash Here打开操作页

使用vue-cli(脚手架)搭建项目的时

出现了如下报错

首先要排查

下载的依赖是否都能显示版本号

可能环境变量没有配置

找到安装vue-init的目录,把地址加入到path中

配置完环境变量

重新构建项目vue init webpack 项目名称 成功

终端运行npm install,然后npm run dev初始化失败了,我的webpack构建工具是有问题的,于是卸载了webpack重新安装

参考了卸载webpack的方法安装webpack的方法

如果初始化项目启动还是没有成功,那就检查一下是不是没有切换路径。终端执行 cd 项目文件,然后npm install回车,最后npm run dev项目初始化成功启动

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue实现当前页面刷新的4种方法举例

    Vue实现当前页面刷新的4种方法举例

    我们在开发vue的页面的时候,有时候会遇到需要刷新当前页面功能,但是vue框架自带的router是不支持刷新当前页面功能,下面这篇文章主要给大家介绍了关于Vue实现当前页面刷新的4种方法,需要的朋友可以参考下
    2023-04-04
  • vue+AI智能机器人回复功能实现

    vue+AI智能机器人回复功能实现

    这篇文章主要为大家详细介绍了vue+AI智能机器人回复功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • vue引入jq插件的实例讲解

    vue引入jq插件的实例讲解

    下面小编就为大家带来一篇vue引入jq插件的实例讲解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 优化Vue template中大量条件选择v-if的方案分享

    优化Vue template中大量条件选择v-if的方案分享

    本文我们将给大家详细的讲解一下如何优化Vue template 中的大量条件选择v-if,文中通过代码示例介绍的非常详细,有详细的优化方案,感兴趣的朋友可以参考阅读下
    2023-07-07
  • vue路由实现登录拦截

    vue路由实现登录拦截

    这篇文章主要介绍了vue路由如何实现登录拦截,帮助大家更好的理解和学习使用vue框架,感兴趣的朋友可以了解下
    2021-03-03
  • vue项目中使用mapbox地图切换底图的详细教程

    vue项目中使用mapbox地图切换底图的详细教程

    最近开始入坑前端mapbox地图,跟大家一起慢慢深入学习,下面这篇文章主要给大家介绍了关于vue项目中使用mapbox地图切换底图的详细教程,文中给出了详细的实例代码,需要的朋友可以参考下
    2023-04-04
  • VSCode中书写Vue无代码提示该如何解决

    VSCode中书写Vue无代码提示该如何解决

    vscode开发vue非常好用,因为有很多的插件,可以补全语法,或者高亮便于检查错误,但我最近发现我的vscode却没有了代码提示,这篇文章主要给大家介绍了关于VSCode中书写Vue无代码提示该如何解决的相关资料,需要的朋友可以参考下
    2022-12-12
  • 谈谈vue中mixin的一点理解

    谈谈vue中mixin的一点理解

    vue中提供了一种混合机制--mixins,用来更高效的实现组件内容的复用。下面给大家谈谈我对vue中mixin的一点理解,需要的朋友参考下吧
    2017-12-12
  • vue3中的watch使用实战案例

    vue3中的watch使用实战案例

    Vue3的watch功能是Vue生态系统中一个强大的工具,可以帮助开发者监视数据的变化并执行相应的操作,这篇文章主要介绍了vue3中watch使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-10-10
  • Vue3中注册全局的组件,并在TS中添加全局组件提示方式

    Vue3中注册全局的组件,并在TS中添加全局组件提示方式

    这篇文章主要介绍了Vue3中注册全局的组件,并在TS中添加全局组件提示方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-07-07

最新评论