Vue安装依赖npm install时的报错问题及解决

目录
  • 安装依赖npm install时的报错
  • cnpm安装依赖出现各种问题
    • 问题
    • 解决方案

安装依赖npm install时的报错

1.vue的安装依赖于node.js,要确保你的计算机上已安装过node.js。可进入cmd编辑器，输入命令 node -v进行查看。出现版本信息即成功！没有则从浏览器上面下载安装即可，没有安装要求！

2.确定node安装后，就可以开始vue的安装了。用$ npm install -g vue-cli进行安装，输入vue -V，出现版本信息即成功！

3.建一个Vue项目，建立在c盘外，

别盘进行建立！

4.如图安装中途出现的问题：

  • 在cmd里输入：vue init webpack my-project(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，可接着操作，按提示依次输入文件名，项目名，作者等，等出现vue-router路由时输入yes，其他的输入no，回车！
  • 安装依赖：npm install    博主出现了很多次问题，显示错误，一直解决不了，搜索了很多博客也没有什么看得懂的解决方法，后来找到一种，就是全局安装cnpm，
npm install -g cnpm --registry=https://registry.npm.taobao.org

然后在cmd中输入cnpm install，即安装成功，cnpm run dev 或者在浏览里输入：localhost:8080(默认端口为8080)，即能在浏览器中看到已经安装好的vue！

5.附加：GitHub代码托管使用方法

在Git官网下载git进行安装，安装教程可在网上进行搜索，一般直接确定即可，然后使用GitHub的话，在网上找到项目，然后项目有给到附加地址，在D盘建立文件夹，右键，然后就能看到安装好的git，点击即会出现类似与cmd的框，进行输入地址导入即可！

cnpm安装依赖出现各种问题

问题

正常运行的vue3项目，用cnpm安装依赖后出现各种问题，如：

1、Cannot find module ‘vue-loader-v16/package.json‘

2、Cannot find module ‘fork-ts-checker-webpack-plugin-v5‘

解决方案

使用npm install安装依赖

npm速度慢可以先运行npm install --registry=https://registry.npm.taobao.org再安装

以上为个人经验，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • vue安装遇到的5个报错及解决方法

    前言 这篇博文不会教你怎么安装vue,但会告知安装过程中可能遇到的5个问题 5个报错 ①:若使用vue -V查询是否安装vue时提示没有找到指令,可能是你没有安装vue-cli脚手架(vue-cli可快速创建vue项目)          ②:vue安装淘宝镜像时报错,提示无效的配置,必须是完整合法的http地址,原因是我在url前面加了1个空格,这里不要有空格 注:安装淘宝镜像后,需要用到npm的地方都可以用cnpm替换,但建议安装模块和插件用cnpm,打包和启动vue用npm (cnpm是国

  • vue踩坑记-在项目中安装依赖模块npm install报错

    在维护别人的项目的时候,在项目文件夹中安装npm install模块的时候,报错如下: npm ERR! path D:\ShopApp\node_modules\fsevents\node_modules\abbrev npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall access npm ERR! enoent ENOENT: no such file or directory, access 'D:\ShopApp\nod

  • vue npm install 安装某个指定的版本操作

    npm安装指定版本的package,只需要在命令行之后加上 '@版本号'即可,操作如下: 1.vue-print-nb最新版本是1.5.0版本,如果我们只想要下载1.2.0版本,操作如下: npm install --save-dev vue-print-nb@1.2.0 npm install --save vue-print-nb@1.2.0 2.命令介绍(--save -dev) --save:将保存配置信息到package.json.默认为dependencies节点中(生产). --d

  • Vue安装依赖npm install时的报错问题及解决

    Vue安装依赖npm install时的报错问题及解决

    目录 安装依赖npm install时的报错 cnpm安装依赖出现各种问题 问题 解决方案 安装依赖npm install时的报错 1.vue的安装依赖于node.js,要确保你的计算机上已安装过node.js.可进入cmd编辑器,输入命令 node -v进行查看.出现版本信息即成功!没有则从浏览器上面下载安装即可,没有安装要求! 2.确定node安装后,就可以开始vue的安装了.用$ npm install -g vue-cli进行安装,输入vue -V,出现版本信息即成功! 3.建一个Vue

  • NPM相关命令之报错node-gyp...的解决方法

    目录 NPM 相关命令,报错 node-gyp… 的解决方法 相关的异常信息 通用的解决方案 1. 在线安装,适合拥有纯净 Windows 开发环境的用户(没有安装过 Python, Visual Studio 等…) 2. 手动安装,针对拥有非纯净 Windows 开发环境的老鸟(安装过 Python, Visual Studio 等…) 查看 NPM 全局配置 总结 NPM 相关命令,报错 node-gyp… 的解决方法 'node-gyp-build' is not recognized

  • Vue使用Echarts图表多次初始化报错问题的解决方法

    Vue使用Echarts图表多次初始化报错问题的解决方法

    目录 问题 方法一 销毁实例 方法二 不要频繁创建实例 总结 问题 Vue项目中需要用Echarts的柱状图显示数据,并且每次搜索要更新柱状图. 这时候小编发现在控制台会出现这样的报错: 原来的代码是这样的,页面挂载和搜索时都会调用init方法 initChart (dataSet = [5, 20, 36, 10, 10, 20]) { this.barChart = echarts.init(this.$refs.chartBox) const option = { title: { tex

  • vue关于eslint空格缩进等的报错问题及解决

    vue关于eslint空格缩进等的报错问题及解决

    目录 关于eslint空格缩进等的报错问题 解决办法有四种 eslint使用规则和各种报错对应规则 ESLint 主要有以下特点 关于eslint空格缩进等的报错问题 解决办法有四种 1. 在.eslintrc.js文件中添加如下代码: rules: { 'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off', 'no-debugger': process.env.NODE_ENV === 'production'

  • vue安装node-sass和sass-loader报错问题的解决办法

    目录 可行版本(针对 node 16+ 版本) 问题描述 解决方法 补充知识:解决启动VUE项目时报node-sass不能运行问题 总结 可行版本(针对 node 16+ 版本) 不想浪费时间看的,可直接去尝试 npm install node-sass@6.0.1 -D npm install sass-loader@10.2.0 -D 问题描述 问题描述:在进行一个vue项目练习时需要导入node-sass.sass-loader这两个依赖,书本提供代码是npm install sass-l

  • 详解Vue项目在其他电脑npm run dev运行报错的解决方法

    详解Vue项目在其他电脑npm run dev运行报错的解决方法

    一个 Vue 项目从一台电脑上传到 github 上之后,再另外一台电脑上 git clone .并使用 npm run dev 或 npm run start 发生以下报错的解决方法. 报错原因 缺少 node_modules 里面的依赖.在项目目录下使用 npm install 然后再 npm run dev. 如果在这一步当中, npm install 执行的过程中,处于一直卡顿的状态.说明网络状况不佳.建议使用 cnpm 淘宝源. 淘宝源 使用 cnpm -v 查看是否已经安装 cnpm

  • 安装python时MySQLdb报错的问题描述及解决方法

    问题描述: windows安装python mysqldb时报错python version 2.7 required,which was not found in the registry 网上很多方案,比如方案一: Python3.x时, from _winreg import *  改为 from winreg import * 去掉下划线 import sys from _winreg import * # tweak as necessary version = sys.version

  • Node.js安装、环境变量配置、报错解决方法

    Node.js安装、环境变量配置、报错解决方法

    目录 1.下载Node.js 2.安装Node.js 3.验证Node.js 4.Node.js环境配置 5. Node.js测试 6. 补充 Node.js 就是运行在服务端的 JavaScript. Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台. Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境,基于 Google 的 V8 引擎,V8 引擎执行 Javascript 的速度非常快,性能非常好. 1.下载Node.js 下载地

  • vue第三方库中存在扩展运算符报错问题的解决方案

    目录 vue第三方库中存在扩展运算符报错问题 解决方案 1.引入babel依赖 2.在vue项目的src/.babelrc文件中(没有自己创建)下修改 解决方法: vue第三方库中存在扩展运算符报错问题 之前一篇文章说过,vue里用到了es6的拓展(...)语法,然后编译一直报错 unExpected token 解决方案 1.引入babel依赖 npm install babel-plugin-transform-object-rest-spread npm install babel-pre

  • 执行Python程序时模块报错问题

    1. 在执行python程序时遇到 'ModuleNotFoundError: No module named 'xxxxx'' : 例如: 图片中以导入第三方的 'requests' 模块为例,此报错提示找不到requests模块.在python中,有的 模块是内置的(直接导入就能使用)有的模块是第三方的,则需要安装完成后才能导入使用,若未 安装直接导入使用就会出现上述报错!这里介绍最快的解决方法: 1)通过 pip (python软件包工具) 来安装所需要使用的第三方模块: 打开cmd输入

随机推荐