Module build failed: Error: Cannot find module &#39node-sass&#39

最新推荐文章于 2024-04-26 16:47:03 发布
最新推荐文章于 2024-04-26 16:47:03 发布
阅读量748 收藏
点赞数
分类专栏： git 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41395120/article/details/106718409
版权

由于电脑重装系统了，导致启动vue项目报下面错误

@ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??                                                                                                                                  ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node                                                                                                                                  _modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cj                                                                                                                                  s.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_                                                                                                                                  modules/vue-loader/lib??vue-loader-options!./src/views/meizhuang/videoOne/lesson                                                                                                                                  Plan/index.vue?vue&type=style&index=0&id=85ab621a&lang=scss&scoped=true& 4:14-51                                                                                                                                  1 14:3-18:5 15:22-519
 @ ./src/views/meizhuang/videoOne/lessonPlan/index.vue?vue&type=style&index=0&id                                                                                                                                  =85ab621a&lang=scss&scoped=true&
 @ ./src/views/meizhuang/videoOne/lessonPlan/index.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.4.26:9528/sockjs-node (webpa                                                                                                                                  ck)/hot/dev-server.js ./src/main.js

 error  in ./src/views/meizhuang/videoTwo/lessonPlan/index.vue?vue&type=style&in                                                                                                                                  dex=0&id=f3ac7266&lang=scss&scoped=true&

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Missing binding F:\vue-admin-template-master\node_modules\n                                                                                                                                  ode-sass\vendor\win32-x64-64\binding.node
Node Sass could not find a binding for your current environment: Windows 64-bit                                                                                                                                   with Node.js 10.x

Found bindings for the following environments:
  - Windows 64-bit with Node.js 12.x

This usually happens because your environment has changed since running `npm ins                                                                                                                                  tall`.
Run `npm rebuild node-sass` to download the binding for your current environment                                                                                                                                  .
    at module.exports (F:\vue-admin-template-master\node_modules\n                                                                                                                                  ode-sass\lib\binding.js:15:13)
    at Object.<anonymous> (F:\\vue-admin-template-master\node_modul                                                                                                                                  es\node-sass\lib\index.js:14:35)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:692:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at getDefaultSassImpl (F:\\vue-admin-template-master\node_modul                                                                                                                                  es\sass-loader\dist\index.js:198:10)
    at Object.loader (F:\vue-admin-template-master\node_modules\sa                                                                                                                                  ss-loader\dist\index.js:80:29)

 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??                                                                                                                                  ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node                                                                                                                                  _modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cj                                                                                                                                  s.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_                                                                                                                                  modules/vue-loader/lib??vue-loader-options!./src/views/meizhuang/videoTwo/lesson                                                                                                                                  Plan/index.vue?vue&type=style&index=0&id=f3ac7266&lang=scss&scoped=true& 4:14-51                                                                                                                                  1 14:3-18:5 15:22-519
 @ ./src/views/meizhuang/videoTwo/lessonPlan/index.vue?vue&type=style&index=0&id                                                                                                                                  =f3ac7266&lang=scss&scoped=true&
 @ ./src/views/meizhuang/videoTwo/lessonPlan/index.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.4.26:9528/sockjs-node (webpa                                                                                                                                  ck)/hot/dev-server.js ./src/main.js

 error  in ./src/views/login/index.vue?vue&type=style&index=0&lang=scss&

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Missing binding F:\vue-admin-template-master\node_modules\n                                                                                                                                  ode-sass\vendor\win32-x64-64\binding.node
Node Sass could not find a binding for your current environment: Windows 64-bit                                                                                                                                   with Node.js 10.x

Found bindings for the following environments:
  - Windows 64-bit with Node.js 12.x

This usually happens because your environment has changed since running `npm ins                                                                                                                                  tall`.
Run `npm rebuild node-sass` to download the binding for your current environment                                                                                                                                  .
    at module.exports (F:\vue-admin-template-master\node_modules\n                                                                                                                                  ode-sass\lib\binding.js:15:13)
    at Object.<anonymous> (F:\vue-admin-template-master\node_modul                                                                                                                                  es\node-sass\lib\index.js:14:35)
    at Module._compile (internal/modules/cjs/loader.js:778:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:789:10)
    at Module.load (internal/modules/cjs/loader.js:653:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
    at Function.Module._load (internal/modules/cjs/loader.js:585:3)
    at Module.require (internal/modules/cjs/loader.js:692:17)
    at require (internal/modules/cjs/helpers.js:25:18)
    at getDefaultSassImpl (F:\vue-admin-template-master\node_modul                                                                                                                                  es\sass-loader\dist\index.js:198:10)
    at Object.loader (F:\vue-admin-template-master\node_modules\sa                                                                                                                                  ss-loader\dist\index.js:80:29)

 @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader??                                                                                                                                  ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node                                                                                                                                  _modules/postcss-loader/src??ref--8-oneOf-1-2!./node_modules/sass-loader/dist/cj                                                                                                                                  s.js??ref--8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_                                                                                                                                  modules/vue-loader/lib??vue-loader-options!./src/views/login/index.vue?vue&type=                                                                                                                                  style&index=0&lang=scss& 4:14-451 14:3-18:5 15:22-459
 @ ./src/views/login/index.vue?vue&type=style&index=0&lang=scss&
 @ ./src/views/login/index.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.4.26:9528/sockjs-node (webpa                                                                                                                                  ck)/hot/dev-server.js ./src/main.js

 error  in ./src/views/meizhuang/videoThree/standard/index.vue?vue&type=style&in                                                                                                                                  dex=0&id=780f0392&lang=scss&scoped=true&

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
Error: Missing binding F:\vue-admin-template-master\node_modules\n                                                                                                                                  ode-sass\vendor\win32-x64-64\binding.node
Node Sass could not find a binding for your current environment: Windows 64-bit                                                                                                                                   with Node.js 10.x

报错显示说找不到node-sass，执行安装node-sass的命令却依然报错。

后面参考前辈经验才知道应该这么安装：cnpm install node-sass --save

安装成功之后就可以重新运行项目了。OK，问题解决。

附：安装cnpm的命令： npm install -g cnpm --registry=https://registry.npm.taobao.org

 

爱生活的苏苏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
node-module-importer:NPM软件包的Node Sass导入器
05-01
节点模块导入器 NPM软件包的Node Sass导入器 免责声明 这是ALPHA软件。 太乱了可能很慢。 这可能是越野车。 试一试。 文件错误。 要有耐心。 支持 节点> = 6 节点-sass> = 4.9.0 安装 此软件包对Node Sass具有对等依赖关系，以确保导入API兼容性。 npm install @node-sass/node-module-importer node-sass 用法 使用要导入的Sass文件安装一个npm软件包。 npm install foundation 当Node Sass解析@import ，将尝试将URL的第一部分与已安装的npm软件包进行匹配。 URL的其余部分将相对于软件包的安装位置进行解析。 @import "foundation/scss/foundation.scss" ; 节点Sass API var sass =
npm install安装依赖，node-sass报错：Failed at the node-sass@7.0.3 postin
11-25
我们从从git上克隆前端项目到本地初始化项目（npm install）， 安装到一半报错经常会碰到这个问题Failed at the node-sass@7.0.3 postinstall script
npm run dev报错 Module build failed: Error: Cannot find module ‘node-sass’
01-08
一个项目，可能你从其他库里拉下来，或者换了一台电脑，或者出于其他原因，你需要重新安装依赖环境， 有时候会遇到node-sass安装失败的情况，这个现象太正常了，比如： 遇到报错不要慌，先看报错的开头，一般就能找到答案，他说没有找到这个模块 node-sass  这时你可以去项目依赖node_module里边去找一下   ，发现确实没有这个包，那就重新装一下吧 npm install node-sass –save   就迎来这种报错，这个node-sass包应该是在国外的站点上，拉取过程中非常容易失败，中间断一下，就算完了。所以淘宝团队对npm做了一个镜像，叫cnpm，他们会把npm上的包镜
Module build failed (from ./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js): Error: Node
qq_42431718的博客
11-02 3056
Module build failed (from ./node_modules/_sass-loader@7.1.0@sass-loader/lib/loader.js): Error: Node Sass version 6.0.1 is incompatible with ^4.0.0. at getRenderFuncFromSassImpl (/Users/apple/Desktop/vue/hotspot_admin/node_modules/_sass-loader@7.1.0@sas
node、node-sass、sass-loader的版本兼容问题
bsefef的博客
03-08 1341
目录 使用scss报错 当前node-sass、sass-loader版本 测试 步骤一 步骤二 解决方案 解决node-sass问题 node和node-sass版本关系 这篇文章主要写node、node-sass、sass-loader三者引起的兼容问题。 使用scss报错 为什么要写这篇文章，安装最新版sass运行报错了。 纳尼，最新版的既然不兼容。 来看看错误提示 ERROR Failed to compile with 1 error
vue项目安装scss常见报错处理
晓光同学的博客
08-12 6137
1. 安装sass依赖 npm install --save-dev sass-loader //sass-loader依赖于node-sass npm install --save-dev node-sass 第一种：Module build failed: TypeError: this.getResolve is not a function 如果运行之后项目报错 Module build failed: TypeError: this.getResolve is not a functi
Vue 报错 之 Syntax Error: TypeError: this.getOptions is not a function
热门推荐
仙魁XAN
10-29 2万+
IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理 目录 IntellJ IDEA 基础之 创建 SpringBoot 整合 SSM 框架的 Maven 工程简单整理 一、简单介绍 二、报错现象 三、问题分析 四、问题处理 一、简单介绍 Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。 本节介绍，Vue 运行时报错 Syntax Error: TypeError: this.getOptions ...
npm报错Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.
邓邓子的博客
03-17 2266
目录一、问题描述二、解决方法1.方法12.方法2 一、问题描述 npm 编译报错：Error: Node Sass version 7.0.1 is incompatible with ^4.0.0. Syntax Error: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0. @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader
less或sass运行时报错问题
我有三种目的：坚持、思考、太阳
09-14 1197
默认情况下远程仓库中储存的代码格式是LF，那么如果autocrlf是false时我clone下代码发现就算我是windows系统的电脑项目中各个文件的换行符是LF(远程仓库是啥就是啥)。细心的小伙伴会发现，虽然设置了自动解决换行问题，但本地的代码还是之前clone下来的。到此问题便解决了，至于safecrlf，要明白换行符的规则是可以设置的，当safecrlf=true:拒绝提交包含混合换行符的文件。我是windows系统，换行却是LF导致我的项目报了开头的错误。LF: Linux系统环境下的换行方式。
关于VUE3导入less报错问题
weixin_44308118的博客
07-29 1484
ERROR Failed to compile with 1 error上午10:28:10 error in ./src/components/login.vue?vue&type=style&index=0&id=10d9df09&lang=less&scoped=true& Syntax Error: TypeError: this.getOptions is not a function @ ./node_modules/vue-style-loa
node-sass 4.12、4.14.1、5 node-sass-loader node_modules 安装包
07-07
直接复制至node_modules npm run dev 即可
node-sass-middleware:连接从node-sass提取的中间件
03-07
npm install node-sass-middleware 用法 重新编译.scss或.sass用于连接文件自动和快递基于HTTP服务器。 连接示例 var connect = require ( &#39;connect&#39; ) var sassMiddleware = require ( &#39;node-sass-middleware&#39; ) ...
vue cli2 安装sass 运行报错解决
weixin_41070391的博客
10-09 982
@ ./node_modules/vue-style-loader!./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v–loader/lib/style-compiler?{“vue”:true,“id”:“data-v-...
vue 报vue-style-loader、css-loader错误
项目中的细节控
11-02 1617
yarn 编译出现以下错误：缺少相关库 * !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-6ba1f787","scoped":false,"hasInlineConfig":false}!sass-loader?{"sourceMap":true}!../../node_modules/vue-
vue-cli4安装scss 遇到的问题总结
木槿之夏
04-20 1252
最近在写新项目，每次引入scss 都会报错， this.getOptions is not a function @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/s
@ ./node_modules/vue-style-loader??ref--11-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--11-
chanyeolchichi的博客
03-14 1215
进入node-modules文件夹内查看，查看是否有less-loader，以及去根目录的package.json查看是否有less-loader以及版本号，如果没有，请安装。，再次尝试重新运行，之后使用npm install。启动的时候莫名出现了这样的问题。
亲手搭建vue项目的过程--Module build failed: Unknown word,无法读取css文件
HQ DevJ的专栏
05-19 6941
执行webpack-dev-server的时候就报错了，报错如下： ERROR in ./src/components/app.vue?vue&type=style&index=0&id=6c0a0fc1&scoped=true&lang=css& (./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_...
vue快速入门（四十六）Router的安装与使用
最新发布
不起眼小菜菜的博客
04-26 415
步骤很详细，直接上教程……
Module build failed: Error: Cannot find module &#39;node-sass&#39;
06-08
这个错误通常是因为你的项目中缺少了 `node-sass` 模块。你可以尝试通过以下命令来安装它： ``` npm install node-sass ``` 如果你使用的是 yarn，可以使用以下命令来安装： ``` yarn add node-sass ``` 如果安装成功，重新运行项目应该就可以解决这个错误了。如果还有其他问题，请再提出来。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值