vue老项目缺少编译环境安装依赖报错的问题

这篇具有很好参考价值的文章主要介绍了vue老项目缺少编译环境安装依赖报错的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

需要注意的是,如果你在使用 NPM 安装包的过程中遇到了任何问题,可以尝试使用 --verbose 参数打印更详细的错误信息,以便更好地诊断问题。例如:
npm install --verbose

1、vue老项目缺少编译环境安装依赖报错的问题

待下载的项目依赖 package.json

{
  "name": "music_level",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "start": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "axios": "^0.21.1",
    "core-js": "^3.6.5",
    "echarts": "^4.8.0",
    "element-plus": "^1.1.0-beta.8",
    "vue": "^3.0.0",
    "vue-router": "^4.0.0-0",
    "vuex": "^4.0.0-0"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-standard": "^5.1.2",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-import": "^2.20.2",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^4.2.1",
    "eslint-plugin-standard": "^4.0.0",
    "eslint-plugin-vue": "^7.0.0",
    "lint-staged": "^9.5.0",
    "node-sass": "^4.12.0",
    "sass-loader": "^8.0.2"
  },
  "gitHooks": {
    "pre-commit": "lint-staged"
  },
  "lint-staged": {
    "*.{js,jsx,vue}": [
      "vue-cli-service lint",
      "git add"
    ]
  }
}

npm i 的报错信息

npm ERR! code 1
npm ERR! path C:\Users\whero\Desktop\新建文件夹\node_modules\node-sass
npm ERR! command failed
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node scripts/build.js
npm ERR! Building: C:\Program Files\nodejs\node.exe C:\Users\whero\Desktop\新建文件夹\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library=
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp verb cli [
npm ERR! gyp verb cli   'C:\\Program Files\\nodejs\\node.exe',
npm ERR! gyp verb cli   'C:\\Users\\whero\\Desktop\\新建文件夹\\node_modules\\node-gyp\\bin\\node-gyp.js',
npm ERR! gyp verb cli   'rebuild',
npm ERR! gyp verb cli   '--verbose',
npm ERR! gyp verb cli   '--libsass_ext=',
npm ERR! gyp verb cli   '--libsass_cflags=',
npm ERR! gyp verb cli   '--libsass_ldflags=',
npm ERR! gyp verb cli   '--libsass_library='
npm ERR! gyp verb cli ]
npm ERR! gyp info using node-gyp@3.8.0
npm ERR! gyp info using node@16.14.0 | win32 | x64
npm ERR! gyp verb command rebuild []
npm ERR! gyp verb command clean []
npm ERR! gyp verb clean removing "build" directory
npm ERR! gyp verb command configure []
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH
npm ERR! gyp verb `which` succeeded python2 C:\Python27\python2.EXE
npm ERR! gyp verb check python version `C:\Python27\python2.EXE -c "import sys; print "2.7.15
npm ERR! gyp verb check python version .%s.%s" % sys.version_info[:3];"` returned: %j
npm ERR! gyp verb get node dir no --target version specified, falling back to host node version: 16.14.0
npm ERR! gyp verb command install [ '16.14.0' ]
npm ERR! gyp verb install input version string "16.14.0"
npm ERR! gyp verb install installing version: 16.14.0
npm ERR! gyp verb install --ensure was passed, so won't reinstall if already installed
npm ERR! gyp verb install version is already installed, need to check "installVersion"
npm ERR! gyp verb got "installVersion" 9
npm ERR! gyp verb needs "installVersion" 9
npm ERR! gyp verb install version is good
npm ERR! gyp verb get node dir target node version installed: 16.14.0
npm ERR! gyp verb build dir attempting to create "build" dir: C:\Users\whero\Desktop\新建文件夹\node_modules\node-sass\build
npm ERR! gyp verb build dir "build" dir needed to be created? C:\Users\whero\Desktop\新建文件夹\node_modules\node-sass\build
npm ERR! gyp verb Not using VS2017: Could not use PowerShell to find VS2017
npm ERR! gyp verb build/config.gypi creating config file
npm ERR! gyp verb build/config.gypi writing out config file: C:\Users\whero\Desktop\新建文件夹\node_modules\node-sass\build\config.gypi
npm ERR! (node:15712) [DEP0150] DeprecationWarning: Setting process.config is deprecated. In the future the property will be read-only.
npm ERR! (Use `node --trace-deprecation ...` to show where the warning was created)
npm ERR! gyp verb config.gypi checking for gypi file: C:\Users\whero\Desktop\新建文件夹\node_modules\node-sass\config.gypi
npm ERR! gyp verb common.gypi checking for gypi file: C:\Users\whero\Desktop\新建文件夹\node_modules\node-sass\common.gypi
npm ERR! gyp verb gyp gyp format was not specified; forcing "msvs"
npm ERR! gyp info spawn C:\Python27\python2.EXE
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args   'C:\\Users\\whero\\Desktop\\新建文件夹\\node_modules\\node-gyp\\gyp\\gyp_main.py',
npm ERR! gyp info spawn args   'binding.gyp',
npm ERR! gyp info spawn args   '-f',
npm ERR! gyp info spawn args   'msvs',
npm ERR! gyp info spawn args   '-G',
npm ERR! gyp info spawn args   'msvs_version=auto',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\whero\\Desktop\\新建文件夹\\node_modules\\node-sass\\build\\config.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\whero\\Desktop\\新建文件夹\\node_modules\\node-gyp\\addon.gypi',
npm ERR! gyp info spawn args   '-I',
npm ERR! gyp info spawn args   'C:\\Users\\whero\\.node-gyp\\16.14.0\\include\\node\\common.gypi',
npm ERR! gyp info spawn args   '-Dlibrary=shared_library',
npm ERR! gyp info spawn args   '-Dvisibility=default',
npm ERR! gyp info spawn args   '-Dnode_root_dir=C:\\Users\\whero\\.node-gyp\\16.14.0',
npm ERR! gyp info spawn args   '-Dnode_gyp_dir=C:\\Users\\whero\\Desktop\\新建文件夹\\node_modules\\node-gyp',
npm ERR! gyp info spawn args   '-Dnode_lib_file=C:\\Users\\whero\\.node-gyp\\16.14.0\\<(target_arch)\\node.lib',
npm ERR! gyp info spawn args   '-Dmodule_root_dir=C:\\Users\\whero\\Desktop\\新建文件夹\\node_modules\\node-sass',
npm ERR! gyp info spawn args   '-Dnode_engine=v8',
npm ERR! gyp info spawn args   '--depth=.',
npm ERR! gyp info spawn args   '--no-parallel',
npm ERR! gyp info spawn args   '--generator-output',
npm ERR! gyp info spawn args   'C:\\Users\\whero\\Desktop\\新建文件夹\\node_modules\\node-sass\\build',
npm ERR! gyp info spawn args   '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! Warning: unrecognized setting VCCLCompilerTool/MultiProcessorCompilation
npm ERR! Warning: unrecognized setting VCCLCompilerTool/MultiProcessorCompilation
npm ERR! Warning: unrecognized setting VCCLCompilerTool/MultiProcessorCompilation
npm ERR! Warning: unrecognized setting VCCLCompilerTool/MultiProcessorCompilation
npm ERR! Traceback (most recent call last):
npm ERR!   File "C:\Users\whero\Desktop\�½��ļ���\node_modules\node-gyp\gyp\gyp_main.py", line 16, in <module>
npm ERR!     sys.exit(gyp.script_main())
npm ERR!   File "C:\Users\whero\Desktop\�½��ļ���\node_modules\node-gyp\gyp\pylib\gyp\__init__.py", line 545, in script_main
npm ERR!     return main(sys.argv[1:])
npm ERR!   File "C:\Users\whero\Desktop\�½��ļ���\node_modules\node-gyp\gyp\pylib\gyp\__init__.py", line 538, in main
npm ERR!     return gyp_main(args)
npm ERR!   File "C:\Users\whero\Desktop\�½��ļ���\node_modules\node-gyp\gyp\pylib\gyp\__init__.py", line 523, in gyp_main
npm ERR!     generator.GenerateOutput(flat_list, targets, data, params)
npm ERR!   File "C:\Users\whero\Desktop\�½��ļ���\node_modules\node-gyp\gyp\pylib\gyp\generator\msvs.py", line 2004, in GenerateOutput
npm ERR!     generator_flags))
npm ERR!   File "C:\Users\whero\Desktop\�½��ļ���\node_modules\node-gyp\gyp\pylib\gyp\generator\msvs.py", line 943, in _GenerateProject
npm ERR!     return _GenerateMSVSProject(project, options, version, generator_flags)
npm ERR!   File "C:\Users\whero\Desktop\�½��ļ���\node_modules\node-gyp\gyp\pylib\gyp\generator\msvs.py", line 1047, in _GenerateMSVSProject
npm ERR!     p.WriteIfChanged()
npm ERR!   File "C:\Users\whero\Desktop\�½��ļ���\node_modules\node-gyp\gyp\pylib\gyp\MSVSProject.py", line 208, in WriteIfChanged
npm ERR!     encoding="Windows-1252")
npm ERR!   File "C:\Users\whero\Desktop\�½��ļ���\node_modules\node-gyp\gyp\pylib\gyp\easy_xml.py", line 122, in WriteXmlIfChanged
npm ERR!     xml_string = xml_string.decode(default_encoding).encode(encoding)
npm ERR!   File "C:\Python27\lib\encodings\cp1252.py", line 12, in encode
npm ERR!     return codecs.charmap_encode(input,errors,encoding_table)
npm ERR! UnicodeEncodeError: 'charmap' codec can't encode characters in position 7562-7566: character maps to <undefined>
npm ERR! gyp ERR! configure error
npm ERR! gyp ERR! stack Error: `gyp` failed with exit code: 1
npm ERR! gyp ERR! stack     at ChildProcess.onCpExit (C:\Users\whero\Desktop\新建文件夹\node_modules\node-gyp\lib\configure.js:345:16)
npm ERR! gyp ERR! stack     at ChildProcess.emit (node:events:520:28)
npm ERR! gyp ERR! stack     at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12)
npm ERR! gyp ERR! System Windows_NT 10.0.19045
npm ERR! gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\whero\\Desktop\\新建文件夹\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="
npm ERR! gyp ERR! cwd C:\Users\whero\Desktop\新建文件夹\node_modules\node-sass
npm ERR! gyp ERR! node -v v16.14.0
npm ERR! gyp ERR! node-gyp -v v3.8.0
npm ERR! gyp ERR! not ok
npm ERR! Build failed with error code: 1

npm ERR! A complete log of this run can be found in: C:\Users\whero\AppData\Local\npm-cache\_logs\2023-05-21T02_34_21_144Z-debug-0.log

原因分析

出现这种错误通常是因为缺少编译环境或者相关依赖包没有正确安装。

问题解决

确保已经安装了 Node.js 和 npm基础上,安装 windows-build-tools
windows-build-tools 是一个针对 Windows 平台的构建环境自动安装工具,它会自动安装 Visual Studio Build Tools 和 Python 等构建所需的软件包。可以使用以下命令进行安装:

# step1
npm install --global --production windows-build-tools

注意:运行此命令需要管理员权限,如果没有管理员权限,请使用管理员身份打开命令行窗口并再次运行该命令。

这个命令会安装两个 软件
  • Visual Studio Installer
    Visual Studio Installer 是一款由 Microsoft 开发的可视化安装程序,它是 Visual Studio IDE 的一部分,旨在为开发人员提供一种方便的方式来选择和安装 Visual Studio 相关的工具和组件。
    通过 Visual Studio Installer,用户可以选择需要安装的特定模块,例如 .NET Core 开发、C++ 开发、Web 开发等,并根据自己的需求进行自定义安装。此外,它还提供了强大的配置管理功能,允许用户在多个计算机之间保存和分享安装配置。
    除了 Visual Studio IDE 本身,Visual Studio Installer 还可以用于安装其他与 Visual Studio 相关的工具和组件,例如 .NET Framework、SQL Server 数据库、Azure 开发工具等。
    总之,Visual Studio Installer 是一个非常实用的工具,它简化了 Visual Studio 工具和组件的安装和管理过程,使开发人员更加高效地进行软件开发。

  • python2

# step2: 再执行一遍
npm i

2、解析包依赖关系

报错信息:

npm ERR! code ERESOLVE ERESOLVE unable to resolve dependency tree

问题分析

npm ERR! code ERESOLVE 错误通常表示 NPM 在解析包依赖关系时遇到了问题。这个错误可能有很多原因,但通常是因为某些包的版本不兼容导致的。

问题解决

方法一:

清空 NPM 缓存,并重新安装包:

npm cache clean --force
rm -rf node_modules
npm install --force  # 一定是 强制 安装

方法二:

升级 NPM 到最新版本,并重新安装包:

npm install -g npm
rm -rf node_modules
npm install

方法三:

通过手动更改 package.json 文件来解决依赖问题。打开 package.json 文件,在 “dependencies” 或 “devDependencies” 中手动修改版本号以解决依赖问题,然后重新运行 npm install 命令。

方法四:

使用 yarn 代替 NPM 进行包管理,Yarn 的依赖解析算法通常更加健壮。你可以按照以下步骤安装 Yarn :文章来源地址https://www.toymoban.com/news/detail-453705.html

npm install -g yarn

到了这里,关于vue老项目缺少编译环境安装依赖报错的问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • maven加载依赖报错的解决方法

    点击刷新,加载所有maven项目的时候,maven加载依赖失败。 显示“无法解析mysql:mysql-connector-java:pom:8.0.27”,具体报错原因如下: 将上述报错信息进行翻译: 即此失败缓存在本地储存库中,直到nexus的更新间隔已过或强制更新,才会重新尝试解析。 1. 删除本地仓库中下载失败

    2024年02月03日
    浏览(40)
  • vue3+vite项目,安装依赖运行报错“failed to load config from xxx,TypeError: vite.createFilter is not a function”

        今天从GitHub上拉下来了一个 vue3+vite 项目,之前就是安装依赖就可以运行了,但是今天一直报错,显示 TypeError: vite.createFilter is not a function     vite版本与安装的依赖版本不匹配     近期vite3发布,但我们使用的还是v2,所以安装依赖的时候默认安装的是最新版本,这

    2024年02月21日
    浏览(57)
  • pnpm 安装的依赖 项目跑不起来 报错我项目依赖找不到?

    我只是知道 有一个pnpm的这个包管理工具 但是从来没用过! 然后我就使用npm安装了下 npm i -g pnpm 然后开始兴高采烈的使用 pnpm i 进行依赖的安装 然后项目就跑不起来,我很奇怪 然后重新使用 npm i走了遍发现可以正常运行 让我知道这肯定是 pnpm 的问题了, 然后开始分析报错,

    2024年02月07日
    浏览(44)
  • 【解决问题】Vue 项目中安装依赖 npm install 一直报错

    在 GitHub 上面找了几个项目,下载下来想执行以下,首先根据 README 文档进行安装依赖: 但接下来就一直报错,报错信息如下: 搜寻了好多种解决方法,依然不行,最后看到一篇博客说是  C盘 User 文件夹中的  .npmrc 文件 的问题,于是我尝试删除该文件,再次进行  npm inst

    2024年02月02日
    浏览(77)
  • npm i 安装的依赖项目,运行正常,换成pnpm i安装的依赖运行报错

    报错信息大概如下   Failed to compile with 15 errors 00:47:21 These dependencies were not found: * codemirror/addon/dialog/dialog.css in ./node_modules/.pnpm/cache-loader@4.1.0_webpack@4.47.0/node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/.pnpm/babel-loader@8.3.0_@babel+core@7.23.2_webpack@4.47.0/node_modules/babel-loader/lib!./node_

    2024年02月08日
    浏览(55)
  • 2023新版keil编译不通过,报错的-保姆级解决方法

            昨天心血来潮,把之前老版本的keil5升级到了MDK-5.38和C51-9.61A版本。安装什么的一开始很顺利,直到编译的时候出现下面的报错信息:         这里的错误信息 提示就是:这里没有AC5版本的编译器,(大概就是这个意思)。 (default compiler version 5 ‘which is not

    2024年02月02日
    浏览(38)
  • 记一次 vue npm 安装依赖报错解决

    2、问题分析 npm版本过高 3、问题解决 然后重新安装即可 前端面试题库 ( 面试必备)              推荐:★★★★★ 地址:前端面试题库

    2024年02月16日
    浏览(59)
  • 安装pinia后编译项目报错“hasInjectionContext“ is not exported by “node_modules/vue-demi/lib/index.mjs“

    uniapp安装pinia时,编译项目报错\\\"hasInjectionContext\\\" is not exported by \\\"node_modules/vue-demi/lib/index.mjs\\\", imported by \\\"node_modules/pinia/dist/pinia.mjs\\\". 解决方法:将pinia的版本改成2.0.36,重新编译,就不报错了

    2024年04月14日
    浏览(56)
  • VUE项目依赖包安装及配置

    1.安装axios ,router,vue-router,vuex  (npm i xxx -S) 注意依赖包对应版本  2. elementui 按需引入配置 npm i element-ui -S npm install babel-plugin-component -D babel.config.js文件添加配置 main.js 不要把组件注册写成对象格式:Vue.use({Button,Select}),无法正常注册  3. router设置 在src下新建router目录,创建i

    2024年02月01日
    浏览(29)
  • 前端项目 npm install 安装依赖报错及解决办法

    目录 第一种:Error: Cannot find module \\\'gifsicle\\\' 第二种:Error: Cannot find module \\\'imagemin-gifsicle\\\' 第三种:Error: Cannot find module \\\'array-includes\\\' 前端项目安装依赖,遇到过的问题: 第一种: Error: Cannot find module \\\'gifsicle\\\' 原因是对应的模块 image-webpack-loader 未安装好 解决办法: 卸载重新安装

    2024年02月04日
    浏览(52)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包