热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

运行Vue项目报错

运行vue项目报错:SyntaxError:Error:NodeSassdoesnotyetsupportyourcurrentenvironment:Windows64-bitw


运行vue项目报错:

Syntax Error: Error: Node Sass does not yet support your current environment: Windows 64-bit with  

我认为出现这种错误有以下几种原因组合而成,因为我也是在试验中解决,这让我不能明确哪个原因更加重要。

node-sass不支持那么高的node版本,在对此问题进行查询时,部份同学指出需要将node进行降级,我也不例外,我从16.14.2版本的node降为14.19.1版本node,然并没有解决问题。但是原贴主人通过了启动...

node-sass版本在当前环境运行不了,卸载 node-sass 然后重新安装 node-sass 这个方法我自然也尝试了,但是很遗憾,尽管在该帖子下有不少同学表示可以。

在上次尝试的过程中,我看到一个评论说是

遇见奇怪问题

Node Sass does not yet support your current environment: Windows 64-bit with

升级又提示这个

Node Sass version 6.0.1 is incompatible with ^4.0.0.

         这位同学将报错转换了,我根据他的指导,修改了package.json文件,将sass-loader的版本重置为^4.0.0 我这个操作也是蛮迷惑的,但是当时已经很烦躁了。

         然后执行 npm I  加载新依赖

         然后npm I node-sass 新依赖会找对应版本下载

         然后npm run dev

前面的操作自然没问题,然到最后一步就不ok了,但是事件出现了转机,报错不再是之前的

    Syntax Error: Error: Node Sass does not yet support your current environment: Windows 64-bit with  

         而是变成了

    Node Sass version 6.0.1 is incompatible with ^4.0.0.

酷酷酷, 我根据这位同学的指引,虽然没有跑起来,但是报的错误转换了,我开始检索这个错误的原因,这个错误就比较容易解决了

         其产生的原因是因为node版本和node-sass版本不兼容

我快麻了,ok!

         我从官方文档中https://www.npmjs.com/package/node-sass 中根据自己的node版本去找了对应的node-sass的版本

在下载新的对应版本之前,我还做了些操作可能会对这个过程有影响

         npm uninstall node-sass

我重复了好几次想要卸载掉node-sass这个包,但是都有许多的报错,我不确定该包被正确卸载了,接下来我安装了对应的版本node-sass

         cnpm i node-sass@4.14.1

安装的信息也是蛮奇怪的,这里就不多做赘述了

接下来就是

         npm run dev

这次跑起来了。

我在查询相关解决方案的时候,还有一个方法没来及尝试,这个问题就被解决了。这里我记录一下。

 运行Vue项目报错  Syntax Error: Error: Node Sass does not yet support your current environment: Windows 64-

该方法没有经过尝试。


推荐阅读
  • 编译sass,遇到报错error style.scss (Line 3: Invalid GBK character
    今天学习sass,写了一行中文注释,结果却遇到了报错:1cmd.exeDCcallC:Ruby23-x64binscss.bat--no-cache--update ... [详细]
  • 实践指南:使用Express、Create React App与MongoDB搭建React开发环境
    本文详细介绍了如何利用Express、Create React App和MongoDB构建一个高效的React应用开发环境,旨在为开发者提供一套完整的解决方案,包括环境搭建、数据模拟及前后端交互。 ... [详细]
  • Requests库的基本使用方法
    本文介绍了Python中Requests库的基础用法,包括如何安装、GET和POST请求的实现、如何处理Cookies和Headers,以及如何解析JSON响应。相比urllib库,Requests库提供了更为简洁高效的接口来处理HTTP请求。 ... [详细]
  • 在现代前端开发中,组件化已成为不可或缺的技术,尤其在 React 和 Vue 生态中。然而,组件的管理和测试一直是开发者面临的挑战。本文将介绍如何使用 Storybook 来简化这一过程,提高开发效率。 ... [详细]
  • Vue 实战经验与常见问题总结
    本文总结了 Vue 开发中的一些常见问题和解决方案,包括全局组件的注册、头像显示、背景图路径问题以及 Sass 公用样式的使用方法。 ... [详细]
  • 作为一名新手开发者,我正在尝试使用 ASP.NET 和 Vue.js 构建一个单页面应用,涉及多个复杂组件(如按钮、图表等)。希望有经验的开发者能够提供指导。 ... [详细]
  • SSAS入门指南:基础知识与核心概念解析
    ### SSAS入门指南:基础知识与核心概念解析Analysis Services 是一种专为决策支持和商业智能(BI)解决方案设计的数据引擎。该引擎能够为报告和客户端应用提供高效的分析数据,并支持在多维数据模型中构建高性能的分析应用。通过其强大的数据处理能力和灵活的数据建模功能,Analysis Services 成为了现代 BI 系统的重要组成部分。 ... [详细]
  • 内网渗透技术详解:PTH、PTT与PTK在域控环境中的应用及猫盘内网穿透配置
    本文深入探讨了内网渗透技术,特别是PTH、PTT与PTK在域控环境中的应用,并详细介绍了猫盘内网穿透的配置方法。通过这些技术,安全研究人员可以更有效地进行内网渗透测试,解决常见的渗透测试难题。此外,文章还提供了实用的配置示例和操作步骤,帮助读者更好地理解和应用这些技术。 ... [详细]
  • 我正在docker本地运行coo ... [详细]
  • 保持sass条理性和可读性的最基本的三个方法:嵌套、导入和注释安装sass和compassruby-v查看ruby版本gemsources—removehttps:rubyg ... [详细]
  • 原因:增加配置:webpack.base.conf.jsloaders:{scss:[vue-style-loader,css,sass].join(! ... [详细]
  • node-sassnpm安装node-sass依赖时,会从github.com上下载.node文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。这是使用sas ... [详细]
  • 本文主要分享【】,技术文章【SassScss、Less是什么?】为【CRMEB】投稿,如果你遇到CRMEB,学习笔记相关问题,本文相关知识或能到你。Sass(SyntacticallyAw ... [详细]
  • sass在vue中需要注意什么
    这篇文章将为大家详细讲解有关sass在vue中需要注意什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。当用@imp ... [详细]
  • 二维码的实现与应用
    本文介绍了二维码的基本概念、分类及其优缺点,并详细描述了如何使用Java编程语言结合第三方库(如ZXing和qrcode.jar)来实现二维码的生成与解析。 ... [详细]
author-avatar
阿乀胜69
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有