renren-fast-vue无法运行相关问题解决办法n ./src/assets/scss/index.scss Module build failed: Error: ENOENT: no su

最新推荐文章于 2024-05-14 12:04:37 发布
最新推荐文章于 2024-05-14 12:04:37 发布
阅读量6k 收藏 13
点赞数 6
CC 4.0 BY-SA版权
分类专栏： 报错 文章标签： vue npm java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41556455/article/details/107506050
博客内容讲述了在尝试运行renren-fast-vue项目时遇到的模块构建失败错误，具体是由于node-sass模块找不到文件导致。作者分享了解决该问题的步骤，包括切换npm源到淘宝镜像、安装chromedriver时指定cdn地址、切换Node版本以及通过设置sass_binary_site来安装node-sass。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

in ./src/assets/scss/index.scss

Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\vendor’
at Object.fs.readdirSync (fs.js:861:3)
at Object.getInstalledBinaries (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\extensions.js:129:13)
at foundBinariesList (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\errors.js:20:15)
at foundBinaries (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\errors.js:15:5)
at Object.module.exports.missingBinary (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\errors.js:45:5)
at module.exports (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\binding.js:15:30)
at Object. (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\index.js:14:35)
at Module._compile (internal/modules/cjs/loader.js:678:30)
at Object.Module._extensions…js (internal/modules/cjs/loader.js:689:10)
at Module.load (internal/modules/cjs/loader.js:589:32)
at tryModuleLoad (internal/modules/cjs/loader.js:528:12)
at Function.Module._load (internal/modules/cjs/loader.js:520:3)
at Module.require (internal/modules/cjs/loader.js:626:17)
at require (internal/modules/cjs/helpers.js:20:18)
at Object. (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\sass-loader\lib\loader.js:3:14)
at Module._compile (internal/modules/cjs/loader.js:678:30)

@ ./src/assets/scss/index.scss 4:14-212 13:3-17:5 14:22-220
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8001 webpack/hot/dev-server babel-polyfill ./src/main.js

error in ./src/views/demo/ueditor.vue

Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\vendor’
at Object.fs.readdirSync (fs.js:861:3)
at Object.getInstalledBinaries (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\extensions.js:129:13)
at foundBinariesList (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\errors.js:20:15)
at foundBinaries (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\errors.js:15:5)
at Object.module.exports.missingBinary (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\errors.js:45:5)
at module.exports (C:\Users\xyy’s\Desktop\renren-fast-vue\node_modules\node-sass\lib\binding.js:15:30)

最低0.47元/天 解锁文章

200万优质内容无限畅学
npm报错Node Sass could not find a binding for your current environment
邓邓子的博客
05-11 2139
目录一、问题描述二、解决方法 一、问题描述 npm install 执行报错 Node Sass could not find a binding for your current environment： ERROR Failed to compile with 1 error
记一次成功把Vue2后台项目改造成Vite2的踩坑经历
yilingsj的博客
06-02 8051
公司后台项目基于@花裤衩大神的vue-element-admin，随着项目功能的不断完善和需求不断增加，项目启动也变的越来越慢。慢到什么程度呢？我i7-10代16G内存的本本跑项目最快也需要近3分钟，实在难以忍受。几经折腾，终于成功改造成了vite。现在跑项目，5秒内即可跑起来，简直不要太爽！此次改造的过程遇到很多问题，现将遇到的问题做下记录，以防后续改造类似项目时继续踩坑。本次要改造的是一个基于vue-element-admin的后台项目。由于项目比较老，所以没有使用到typescript
人人开源renren-fast-vue
qq_44866424的博客
09-29 414
人人开源我的安装心得**renren-fast-vue** 注意 node-sass问题 首先npm install报错node-sass问题 然后使用cnpm install完成 npm run dev 时报错：Module build failed: Error: Node Sass does not yet support your current environment: Windows 在vue项目中运行：npm i node-sass -D也报错npm install同样的问题 最后使用：cnp
在使用renrenfast的vue模块遇到sass问题
qq_40980455的博客
05-10 580
1.其实看日志是有sass模块引起的，因此重新安装这个模块就行。 Module build failed: Error: Missing binding /Users/jac/Downloads/country/node_modules/node-sass/vendor/darwin-x64- 59/binding.node Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 9.
人人开源renren-fast-vue项目报错Error: ModuleBuildError
weixin_44866409的博客
05-10 1338
1.重新执行 npm install 2.切换淘宝镜像 然后 npm config set registry https://registry.npm.taobao.org 3.执行 npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver 4.（成功） npm i node-sass --sass_binary_site=https://npm.taobao.org/mirro
人人开源 VUE项目报错./src/assets/scss/index.scssModule build failed: Error: ENOENT: no such file or direct
java李阳勇的博客
10-22 4113
Module build failed: Error: ENOENT: no such file or directory, scandir ‘C:\Users\administrator\Desktop\renren-fast-vue\node_modules\node-sass\vendor’ at Object.fs.readdirSync (fs.js:861:3) at Object.getInstalledBinaries (C:\Users\xyy’s\Desktop\renren-fast.
The operation was rejected by your operating system Module build failed: Error: ENOENT: no such file
伟大是熬出来的
05-27 3万+
问题一：npm ERR! The operation was rejected by your operating system. npm ERR! It's possible that the file was already in use (by a text editor or antivirus), npm ERR! or that you lack permissions to acce...
./src/assets/scss/index.scss (./node_modules/css-loader/dist/cjs.js??ref--8的另一种情况
xinyuheng的博客
05-14 994
有人就会想自己的sass 、sass-loader安装包不匹配其实错误是下面的postcss-loader没有安装这种情况也有可能。我查看自己的环境匹配关于sass的觉得没有问题。关于报错postcss-loader。关键是上面还有ref-8这样的错误。
Module build failed: Error: Missing binding
TYPFOON的博客
02-27 3687
npm run dev启动前端工程以后终端出现超长报错，如下： > shop@2.4.0 dev > vue-cli-service serve INFO Starting development server... 10% building 2/2 modules 0 activeℹ ｢wds｣: Project is running at http://localhost:8013/ ℹ ｢wds｣: webpack output is served from / ℹ ｢wds｣:
npm run dev 运行报错： webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
热门推荐
记录日常
09-03 4万+
D:\npm run dev > hrsystem@1.0.0 dev D:\project_xm\hrsWeb > webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 npm ERR! ...
error in ./src/assets/css/element-variables.scss
03-27
报错`This relative module was not found: * ./element-variables.scss`表明在`src/main.js`中引用了不存在的文件路径或文件名大小写不匹配[^3]。 2. **node-sass环境缺失** 报错`ENOENT: no such file or ...
Plugin: vite:css File: C:/Users/22922/Desktop/vue-项目/src/App.vue?vue&type=style&index=0&scoped=7a7a37b1&lang.scss:20:11 [sass] ENOENT: no such file or directory, open 'C:\Users\22922\Desktop\vue-项目\src\styles\index.scss' ╷ 3 │ @use "@/styles/index.scss" as *; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ src\App.vue 3:11 root stylesheet
最新发布
07-10
在 Vite 项目中使用 Sass（或 SCSS）时，如果遇到类似 `error ENOENT: no such file or directory @use 'styles/index.scss'` 的报错，通常与文件路径配置、工作目录定位或 Sass 模块解析机制有关。以下是可能导致该...
【node-sass】 Module build failed: Error: ENOENT: no such file or directory, scandir 'C:\Users\lizhaoh...
weixin_33961829的博客
02-09 255
npm rebuild node-sass  
关于vscode执行项目时，报错Cannot find module ‘opn‘，vue@1.2.2 dev: `webpack-dev-server --inline --progress --c
weixin_72935819的博客
10-12 1161
用vscode执行项目前端代码时发现，报错。
运行Vue项目时出现webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
爱代码的小海的博客
04-19 9846
问题重现： SVN下载到本地的一个项目，初始化命令npm install 以后，使用npm run dev运行项目，终端出现报错： webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 问题分析： 出现这个报错一般不是新建的项目，而是使用的现有的项目，问题主要出现在cnpm指令和npm指令上，我准备运行的...
vue运行报错：`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
qq_46222892的博客
04-21 3474
一、问题描述： 因为我的电脑第一次启动已打包的vue项目，只要npm run dev就会报“ vue:hadoop@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js ”这个错，弄了好多天，也百度了很多方法都没有起作用，我就新建一个项目看一下可不可运行，果然不出我所料，localhost 无法访问 二、问题原因： win10的电脑localhost拒绝访问 ! 三、解.
vue启动项目报错 `webpack-dev-server --inline --progress --config build/webpack.dev.conf
qq_37915134的博客
07-15 1526
之前项目运行一直没有问题，今天加了几个图片后再运行项目发现报错了，错误代码如下： npm ERR! code ELIFECYCLE npm ERR! errno 134 npm ERR! visitors@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 134 npm ERR! npm ERR! Failed at the visitors
renren-fast-vue@1.2.2 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.j
qq_40396568的博客
04-20 8101
删除node_modules文件 卸载webpack npm remove webpack-dev-server 重装指定版本webpack npm install webpack-dev-server@2.9.1 这个版本可以参考package.json的字段
vue启动项目时报错：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
张张张的博客
05-27 3202
前端运行项目时报错，排查一下以下这些原因： 1：首先检查config下的index.js的ip是否填写错误 2：有可能是依赖包的问题，可以吧文件夹中的node_modules删除，使用npm install或cnpm install重新引入。 3：检查一下npm，node，webpack的版本和项目的支持版本是否对应(项目中package.json可以看相关版本信息) 另外注意一下 如果是mac本起项目报错：TypeError:fsevents is not a constructor,可..
npm ERR! code 1 npm ERR! path D:\develop\frontEnd\yiye\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: D:\development\nodejs\node.exe D:\develop\frontEnd\yiye\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 'D:\\development\\nodejs\\node.exe', npm ERR! gyp verb cli 'D:\\develop\\frontEnd\\yiye\\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.20.2 | 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` failed Error: not found: python2 npm ERR! gyp verb `which` failed at getNotFoundError (D:\develop\frontEnd\yiye\node_modules\which\which.js:13:12) npm ERR! gyp verb `which` failed at F (D:\develop\frontEnd\yiye\node_modules\which\which.js:68:19) npm ERR! gyp verb `which` failed at E (D:\develop\frontEnd\yiye\node_modules\which\which.js:80:29) npm ERR! gyp verb `which` failed at D:\develop\frontEnd\yiye\node_modules\which\which.js:89:16 npm ERR! gyp verb `which` failed at D:\develop\frontEnd\yiye\node_modules\isexe\index.js:42:5 npm ERR! gyp verb `which` failed at D:\develop\frontEnd\yiye\node_modules\isexe\windows.js:36:5 npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:202:21) npm ERR! gyp verb `which` failed python2 Error: not found: python2 npm ERR! gyp verb `which` failed at getNotFoundError (D:\develop\frontEnd\yiye\node_modules\which\which.js:13:12) npm ERR! gyp verb `which` failed at F (D:\develop\frontEnd\yiye\node_modules\which\which.js:68:19) npm ERR! gyp verb `which` failed at E (D:\develop\frontEnd\yiye\node_modules\which\which.js:80:29) npm ERR! gyp verb `which` failed at D:\develop\frontEnd\yiye\node_modules\which\which.js:89:16 npm ERR! gyp verb `which` failed at D:\develop\frontEnd\yiye\node_modules\isexe\index.js:42:5 npm ERR! gyp verb `which` failed at D:\develop\frontEnd\yiye\node_modules\isexe\windows.js:36:5 npm ERR! gyp verb `which` failed at FSReqCallback.oncomplete (node:fs:202:21) { npm ERR! gyp verb `which` failed code: 'ENOENT' npm ERR! gyp verb `which` failed } npm ERR! gyp verb check python checking for Python executable "python" in the PATH npm ERR! gyp verb `which` succeeded python D:\development\py\python.EXE npm ERR! gyp ERR! configure error npm ERR! gyp ERR! stack Error: Command failed: D:\development\py\python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3]; npm ERR! gyp ERR! stack File "<string>", line 1 npm ERR! gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3]; npm ERR! gyp ERR! stack ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ npm ERR! gyp ERR! stack SyntaxError: Missing parentheses in call to 'print'. Did you mean print(...)? npm ERR! gyp ERR! stack npm ERR! gyp ERR! stack at ChildProcess.exithandler (node:child_process:402:12) npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:513:28) npm ERR! gyp ERR! stack at maybeClose (node:internal/child_process:1100:16) npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:304:5) npm ERR! gyp ERR! System Windows_NT 10.0.26100 npm ERR! gyp ERR! command "D:\\development\\nodejs\\node.exe" "D:\\develop\\frontEnd\\yiye\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" npm ERR! gyp ERR! cwd D:\develop\frontEnd\yiye\node_modules\node-sass npm ERR! gyp ERR! node -v v16.20.2 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: npm ERR! C:\Users\69536\AppData\Local\npm-cache\_logs\2025-05-21T03_23_17_531Z-debug-0.log如何解决
05-22
### 解决 `npm install node-sass` 出现的 `node-gyp` 错误 (Python 版本不兼容) 当在 Windows 上运行 `npm install node-sass` 时，如果出现如下错误提示： ``` gyp ERR! stack Error: Python executable "C:\Python27\python.EXE" is v2.7.18, which is not supported by gyp. gyp ERR! System Windows_NT 10.0.19043 gyp ERR! node -v v16.13.0 gyp ERR! node-gyp -v v8.4.1 ``` 这通常是因为 `node-gyp` 使用的 Python 版本不符合其需求。以下是详细的分析与解决方案。 --- #### **原因分析** 1. **Python 版本问题**: 当前 `node-gyp` 只支持特定版本的 Python。例如，`node-gyp@8.x` 要求使用 Python 3.x，而不是旧版的 Python 2.x[^5]。 2. **环境变量缺失或配置错误**: 如果系统中存在多个 Python 版本，则需要确保 `PATH` 环境变量指向的是被 `node-gyp` 支持的那个版本[^6]。 3. **Visual Studio 开发工具未正确安装**: `node-gyp` 还依赖于 Microsoft Visual Studio 提供的 C++ 编译器和构建工具链。缺少这些组件也会导致构建失败[^7]。 --- #### **解决方案** ##### 方法一：更新至受支持的 Python 版本 - 卸载现有不受支持的 Python 版本（如 Python 2.x）。 - 下载并安装最新的 Python 3.x（推荐从官网获取稳定版本：<https://www.python.org/>）。 - 将新安装的 Python 添加到系统的 `PATH` 环境变量中： ```plaintext PYTHON=C:\Path\To\Your\Python3x ``` - 验证是否成功设置： ```bash python --version ``` ##### 方法二：显式指定 Python 路径给 `npm` 即使已经安装了合适的 Python 版本，有时仍需手动告知 `npm` 使用哪个解释器。可通过以下方式实现： ```bash npm config set python "C:\Path\To\Your\Python3x" ``` ##### 方法三：安装必要的 Visual Studio 构建工具 为了满足 `node-gyp` 的需求，请按照以下步骤操作： 1. 访问微软官方网站 (<https://visualstudio.microsoft.com/>) 并下载免费的社区版 Visual Studio。 2. 在安装过程中勾选 “Desktop development with C++” 功能集。 3. 安装完毕后重启计算机以使更改生效。 或者，也可以单独安装轻量级的 Build Tools for Visual Studio： ```bash npm install --global windows-build-tools ``` 此命令会自动完成所需软件包的部署工作[^8]。 ##### 方法四：跳过原生模块编译流程 作为最后手段，在某些场景下可以考虑禁用本地扩展的重建过程来绕开这些问题。不过需要注意这样做可能会影响功能完整性： ```bash npm install --no-optional ``` --- #### **验证修复效果** 完成以上调整之后，重新尝试执行原始指令看是否恢复正常行为： ```bash npm install node-sass ``` --- ### 示例代码片段 下面展示了一个典型的 Vue CLI 项目中如何集成 SASS 支持的例子： ```javascript // vue.config.js module.exports = { css: { loaderOptions: { sass: { additionalData: '@import "@/assets/styles/global.scss";', }, }, }, }; ``` ---
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值