安装Vue+webpack出现的问题及解决方案
更新时间：2024年06月11日 09:49:37 作者：說詤榢
这篇文章主要介绍了安装Vue+webpack出现的问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
经历：
一开始安装webpack 是成功的，后来，新建了一个项目开始安装webpack一直不成功，出现不了webpack -v这个东西。
1. 检查各种版本使用情况
npm -vnode -v
2. 配置镜像
npm config set registry https://registry.npm.taobao.org
3. 检查镜像是否配置成功
npm config ls
4. 安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
5. 安装Vue
npm install vue
6. 安装Vue-cli 4
6.1 检查自己以前是否已经安装过Vue，已经安装过了，需要卸载，现在版本已经到4了
vue -V
6.2 卸载Vue-cli
npm uninstall vue-cli -g
6.3 安装Vue-cli 4
npm install @vue/cli -g
7. 安装 webpack
7.1 webpack 4.0 以后分成两部分了webpack+webpack-cli
npm install webpack -g
7.2 安装webpack-cli
npm install webpack-cli -g
7.3 检查安装是否成功
webpack -v
8.创建项目
vue create 项目名
9. 错误解决
找到这个地址：
C:\\Users\\Administrator\\AppData\\Roaming\\npm，然后配置环境变量 ，这样子就可以使用webpack -v
特别说明：
一开始的时候，我发现这个地址下没有webpack.cmd，说明没有安装成功，这个时候要打开 dos 的命令行
然后输入npm install webpack -g ，这个时候就会出现webpack.cmd 了，然后配置环境的话，就可以了。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
在 Vue.js 中，$emit和$on方法是两个常用的方法，用于实现组件间的通信，虽然它们的名字很相似，但它们的作用和用法有所不同，本文将介绍$emit和$on方法的区别，并通过代码示例来说明它们的用法,感兴趣的朋友可以参考下2023-07-07
本文主要介绍了Vite+Electron快速构建VUE3桌面应用的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
在Vue项目中，我们经常需要引入外部的模块或文件，这时候就会用到import和require这两个关键字，本文将详细分析它们的用法，并提供具体的代码实例和解释,需要的朋友可以参考下2023-06-06
本文详细讲解了vue3获取当前路由地址的方法，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-01-01
这篇文章主要为大家介绍了手写vue2下拉菜单dropdown组件实例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
Mint UI 包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。接下来通过本文给大家分享Mint UI 基于 Vue.js 移动端组件库，需要的朋友参考下吧2017-11-11
这篇文章主要为大家详细介绍了Vue.JS入门教程之事件监听,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
vue打包上传服务器加载提示错误Loading chunk {n} failed
这篇文章主要为大家介绍了vue打包上传服务器加载提示错误Loading chunk {n} failed解决方法,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-08-08
这篇文章主要介绍了Vue 的渲染器是如何对节点进行挂载和更新的,文中通过代码示例给大家介绍的非常详细,对大家的学习或工作有一定的帮助,需要的朋友可以参考下2024-05-05
关于vue打包时的publicPath就是打包后静态资源的路径问题
这篇文章主要介绍了vue打包时的publicPath，就是打包后静态资源的路径,本文通过三种情况分析给大家详细介绍，需要的朋友可以参考下2022-07-07
最新评论