首页 > 编程语言 >vue安装node-sass提示没有vendor目录及binding.node文件的解决办法

vue安装node-sass提示没有vendor目录及binding.node文件的解决办法

时间:2022-12-23 16:08:00浏览次数:60  
标签:node vue vendor sass 文件夹 下载


vue安装node-sass提示没有vendor目录及binding.node文件的解决办法

一. 异常现象

我在网上下载了一个开源的vue项目,然后执行如下命令:

npm run dev

结果产生如下图所示异常信息:

vue安装node-sass提示没有vendor目录及binding.node文件的解决办法_重新编译


这是因为vue项目中有一个package.json文件,该文件中规定了各种依赖项,我们首先会执行 ​​npm install​​ 的操作,下载vue项目的各种依赖包。正常情况下,会在vue项目中生成完整的 node_modules 依赖, 但是现在node_modules文件夹中,node-sass模块中缺失了一个vendor文件夹及其内容。

我们这时候访问自己的vue项目,浏览器产生如下信息:

vue安装node-sass提示没有vendor目录及binding.node文件的解决办法_重新编译_02


总之,根本原因就是vendor依赖包没有下载完整!

vue安装node-sass提示没有vendor目录及binding.node文件的解决办法_官网_03


会发现没有vendor文件夹!

二. 解决办法

1. 解决办法一

在上图的node-sass文件夹下,自己手动创建一个 vendor 文件夹,然后再运行如下命令:

npm rebuild node-sass --save-dev

之后,查看node-sass文件夹,最终如下图所示:

vue安装node-sass提示没有vendor目录及binding.node文件的解决办法_重新编译_04


最后重新执行:

npm run dev

项目就可以正常启动了。

2. 解决办法二

上面的解决办法中,npm rebuild node-sass --save-dev是用来重新编译下载node-sass命令的,但是有可能因为受限于网络因素,而导致node-sass还是下载不下来,所以我们可以去node-sass官网,手动进行依赖包的下载。

官网地址:
​​​https://github.com/sass/node-sass/releases​

在官网上选择对应版本的 binding.node 文件进行下载,并放入到报错项目的 /node-sass/vendor文件夹下。

vue安装node-sass提示没有vendor目录及binding.node文件的解决办法_官网_05


注意:

下载的是 .node 文件,不要下载错!!!

在下载完成后,把win32-x64-64_binding.node文件名称修改为binding.node,然后复制到vendor文件夹下,重新编译即可!

vue安装node-sass提示没有vendor目录及binding.node文件的解决办法_官网_06

此时项目可以正常访问了,问题得以解决!

vue安装node-sass提示没有vendor目录及binding.node文件的解决办法_依赖包_07



 

标签:node,vue,vendor,sass,文件夹,下载
From: https://blog.51cto.com/u_7044146/5965877

相关文章

  • vue大文件上传详解及实例代码
    ​我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求:支持大文件的上传和续传,要求续传......
  • Blender必备插件 Node Preview V1.7 材质节点预览插件
    NodePreview是Blender的节点预览缩略图插件,对于可视化编辑非常有用的,也就是说你在编辑节点的时候可以实时的显示出来对于贴图更改的变化,而且还会自动更新,所预览的过程是在......
  • 百度工程师带你体验引擎中的nodejs
    作者|糖果candy导读如果你是一个前端程序员,你不懂得像PHP、Python或Ruby等动态编程语言,然后你想创建自己的服务,那么Node.js是一个非常好的选择。Node.js是运行在服务端的......
  • Vue 自定义事件
    组件的自定义事件使用场景A是父组件,B是子组件,B想给A传数据,那么就要在A中给B绑定自定义事件(事件的回调在A中)绑定自定义事件在父组件中:<HelloWorld@customEv......
  • Java和vue开发的橱柜定制系统家具定制系统
    简介橱柜定制家具定制系统。用户查看家具样本,进行预约下单,后台人员根据用户的要求给出效果图和方案,以及报价,填写上门时间。管理员上门测量和用户确定好需求后上传协议,此时......
  • java和vue的学生健康管理系统疫情打卡系统
    需求:关注学生健康数据以及疫情打卡系统分两个角色:学生和管理员演示视频https://www.bilibili.com/video/BV1iD4y1h74F/?share_source=copy_web&vd_source=ed0f04fbb7131......
  • Vue 3 技术揭秘
    随着Vue3正式版本的发布,未来Vue3将会成为前端的主流框架,这个毋庸置疑。Vue3在使用方面会兼容部分Vue2.x的特性,比如optionsAPI。所以,究竟是要先学习Vue2打......
  • vue 中简单的使用css变量 --color
    <divclass="list"><divclass="list-item"draggable="true"style="--color:#e63e31"><spanclass="list-item-title">双鱼座</span></......
  • homebrew 安装node 切换node版本
    注意:如果之前使用brewinstallnode安装过node,需要先执行brewunlink node来’解绑’node1、查找可用的node版本brewsearchnode2、安装你需要的版本,比如brewins......
  • Kubernetes(K8S) kubectl top (metrics-server) node NotFound
    kubectltop命令安装metrics-servercomponents.yaml网上的各种方法都有问题,找到了一个完整版的yamlapiVersion:v1kind:ServiceAccountmetadata:labels:k8s-app......