vue2安装中出现的问题

最新推荐文章于 2024-07-13 13:37:29 发布

TLO194

最新推荐文章于 2024-07-13 13:37:29 发布

阅读量347

点赞数 9

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_73954210/article/details/140136333

版权

我所安装的node.js 版本为14.21.3，对应npm版本为6.14.18，对应cnpm版本为7.1.1

在安装cnpm时，一直出现报错，原因是

安装cnpm时，没有指定版本，则默认安装最新版cnpm，但旧版npm不能适配最新版cnpm，所以安装失败。

解决办法：下载对应npm版本的cnpm。 node版本为14.18，对应npm版本为6.14，应该下载7.11版本的cnpm，如下：
npm install -g cnpm@7.1.1 --registry=https://registry.npmmirror.com

源自https://github.com/cnpm/cnpm/issues/423#issuecomment-2137950112

版本号对应关系参考http://t.csdnimg.cn/RmJBl

2.安装vue

npm install vue/cli -g 或

cnpm install vue/cli -g

输入vue -V 查看vue版本，我的vue版本为2.9.6

（vue是构建用户界面的渐进式JavaScript 框架。

vue-cli是vue的一个官方脚手架工具（快速工程化命令工具）, 用来帮助程序员们快速搭建基于vue框架的开发环境。

vue有很多脚手架工具，vue-cli只是其中一种，侧重于单页面应用 (SPA) 的快速搭建，网址：cli.vuejs.org/zh/guide/

@vue/cli是新版vue-cli，提供了GUI维护界面，@vue/cli 安装的是vue3及以上版本, vue-cli 安装的是vue2。

vue-cli 4.5以下，对应的是Vue2
vue-cli 4.5及以上，对应的是Vue3）

3。安装webpack

试了几个版本，最终3.6.0可以装上去

cnpm install webpack@3.6.0 -g

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

TLO194

关注关注

9
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

npm install vue2-ace-editor 安装报错

zhangxueyou2223的博客

02-24

773

我在安装vue2-ace-editor 时报错，可能是其他依赖包的冲突出现以上错误，解决方法：在命令后面加上神秘代码🧨🧨🧨成功完美解决~

vue安装总是失败原因剖析

想去旅行的静静的博客

07-08

508

直接在应用里面卸载nodejs，然后安装新的nodejs。这样做会出现node与npm都安装成功，但是vue怎么都安装不成功。这时我还怀疑是环境变量等的问题，结果设置完还是不起作用的。上面一系列的错误根本原因都是没有将vue、npm、node卸载干净，卸载完nodejs后将残存的文件删除后，重新安装vue即可成功！npm : 无法加载文件 D:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚。今天要用vue2的环境开发，当前环境是vue3。大家可以参展下删除顺序。

参与评论您还未登录，请先登录后发表或查看评论

在vue2中如果dataV安装不了如何解决

热门推荐

General_D的博客

07-11

1万+

vue的脚手架安装及安装失败问题解决提示：本文是较为详细的vue脚手架安装教程及其问题解决，若需要快速使用的宝们请按照文章目录快速查找并使用相关代码提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录vue的脚手架安装及安装失败问题解决前言一、脚手架的命令安装1.1 命令查看版本信息1.2 通过键入命令安装脚手架二、使用步骤1.引入库2.读入数据总结前言在不少小伙伴学习使用vue的过程中，vue 的脚手架安装几乎是无可避免的；但是因为电脑配置、网络等等的问题会造成部分小伙

Vue2安装、项目创建及项目启动出错时的解决方法

ling08140814的博客

07-22

8053

Vue2安装 1、以管理员身份打开命令窗口。 2、输入node -v，检查Node.js是否安装成功。 3、国内直接使用 npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 npm install -g cnpm --registry=https://registry.npm.taobao.org 输入npm -v，检查npm是否安装成功。 4、安装wekpack npm install webpack –g 5、安装脚手架 npm install vue-cli -g 6、输入vue -V，检

node.js与npm的版本与Vue2和Vue3版本运行，nvm的使用

maliao5的博客

03-20

4539

node.js与npm的版本与Vue2和Vue3版本运行，nvm的使用

vue 开发者工具devtools(谷歌浏览器插件)，包括vue2和vue3

01-08

安装完成后，打开Vue应用程序，Vue Devtools 就会在浏览器的开发者工具中出现，提供强大的调试支持。总的来说，Vue Devtools 是Vue开发者不可或缺的工具，它极大地提升了开发效率和问题排查能力。无论是Vue 2还是...

vue2以及vue3 chrome调试工具

09-22

4. **更好的错误检测**：当Vue应用出现错误时，Devtools会给出更清晰的错误提示，便于快速定位问题。 5. **兼容性**：Vue 3 Devtools同时支持Vue 2和Vue 3项目，方便开发者在不同版本间切换。使用Vue Devtools调试...

IDEA中vue文件出现红色波浪线问题解决.pdf

12-16

在使用IntelliJ IDEA（IDEA）开发Vue项目时，可能会遇到一个问题，即Vue文件中出现红色波浪线，这通常表示代码存在错误或警告。红色波浪线的出现可能是由于IDE的配置问题或者代码不兼容当前设定的JavaScript版本。...

vuedevtools离线包安装

03-23

在使用离线包安装扩展时，确保遵循其中的步骤，以免出现兼容性或安全性问题。总的来说，Vue DevTools 离线包安装为开发者提供了一种方便快捷的安装途径，尤其在没有网络或者网络环境不理想的情况下，可以避免复杂...

Vue2脚手架安装

m0_71345904的博客

08-03

6612

例如我想在桌面创建项目我就从文件管理器切换到桌面的工作路径然后点击输入cmd 就可以成功在命令行切换到桌面的工作路径。也可以用代码工具VScode，将项目文件夹放进去，点击终端，输入npm run serve 按回车。进入命令行（桌面shift+鼠标右键，选择power管理员窗口也可以）选择之后就开始创建项目了（不安装淘宝镜像的话，这个过程比较耗时间）然后输入下方命令开始安装（一定注意注意空格，严格按步骤要求进行）下载好之后,就可以开始安装了。通过win+R键输入。...

cnpm 新版本替换，及randomUUID is not a function问题解决

yummry的博客

06-14

1万+

cnpm新域名替换及randomUUID is not a function问题解决

安装cnpm报错syscall rename

qq_58983013的博客

06-01

226

npm install -g cnpm --registry=https://registry.npmmirror.com是下载最新的版本，我们要根据自己的node版本来下载，比如我的是14.7.0，我就npm install cnpm@7.1.1 -g 下载7.1.1版本就不报错了，对应的版本可以去查找其他资料，这里就不介绍了，因为我也没找过。网上查了说是文件的权限啥的，但都开完了结果还是没有，最后发现是版本问题.

以vue2为例，用npm开发环境在后端部署vue2项目（更推荐使用nginx部署）

cheng5055251的博客

08-04

1790

因为之前一致出现的跨域问题，从而想到了这个办法，属于偏方。推荐使用nginx部署，再去解决跨域问题。一、拷贝项目文件和制作Dockerfile。接下来是创建docker镜像，运行容器即可。Ddckfile信息。

1. Windows 10 - Node与Vue - 安装 Vue 2.x 及 3.x 框架 - 项目创建要点

Muxiu

05-13

6970

目录一、vue 简介：二、设置node的全局和缓存路径手动创建node.js的全局和缓存路径目录Windows命令行配置node.js的全局和缓存路径三、安装 Vue 框架提升安装 Vue 框架速度的方法1、设置淘宝镜像手动配置系统环境变量正式安装 Vue 框架1、安装Vue-cli脚手架2、创建 Vue 项目3、访问已测试是否创建运行成功Vue 框架脚手架版本的替换方法1、3.0以下切换至3.0以上2、 3.0以上切换回3.0以下一、vue 简介： vue的运行是要依赖于node的npm的管理工具来实现

vue 环境搭建引入stylus

Lei_zhen96的博客

08-22

322

1.使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：(首先查看电脑是否安装，如果有，则不需要安装) npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如果出现相应的版本号，则说明安装成功。注意：webpack 4.X 开始，需要安装 webpack-cl...

node.js安装和安装cnpm常见的问题

weixin_66293934的博客

04-25

564

node.js安装cnpm安装安装cnpm常见问题，出现cert_has_expired等

node与npm版本对应表

bydaxiao的博客

05-22

6833

node与npm对应关系

vue2项目中出现跨域问题如何使用代码方式设置

07-08

在Vue 2项目中解决跨域问题，你可以使用代码方式来设置： 1. 首先，安装axios库（如果尚未安装）： ```bash npm install axios --save ``` 2. 在项目的入口文件（通常是`main.js`）中，添加以下代码： ```javascript import axios from 'axios' axios.defaults.baseURL = 'http://api.example.com' // 设置接口的基础URL，根据你的实际情况修改 axios.defaults.withCredentials = true // 允许发送跨域请求时携带cookie // 添加拦截器，处理请求和响应 axios.interceptors.request.use( config => { // 在发送请求之前做一些处理，如添加请求头等 return config }, error => { // 处理请求错误 return Promise.reject(error) } ) axios.interceptors.response.use( response => { // 对响应数据做一些处理 return response }, error => { // 处理响应错误 return Promise.reject(error) } ) Vue.prototype.$http = axios // 将axios挂载到Vue原型上，方便在组件中使用 ``` 3. 接下来，在组件中使用`$http`来发送请求： ```javascript export default { mounted() { this.$http.get('/api/data') .then(response => { console.log(response.data) }) .catch(error => { console.error(error) }) } } ``` 在上述代码中，我们使用了axios库来发送请求，并设置了基础URL和跨域请求时携带cookie的配置。通过拦截器，你可以在请求和响应之前对其进行处理。请注意，你需要将`http://api.example.com`替换为你实际的接口地址。另外，确保服务器端已进行跨域配置（如设置响应头）。这样，你就可以在Vue 2项目中通过代码方式解决跨域问题了。