npm run dev出现错误：Module build failed: TypeError: fileSystem.statSync is not a function解决方案

最新推荐文章于 2025-03-05 13:52:12 发布
最新推荐文章于 2025-03-05 13:52:12 发布
阅读量1.2w 收藏 3
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38654336/article/details/80850267
版权

利用webpack的服务器：webpack-dev-server的时候，想要试着将ES6转为ES5，试着运行服务器npm run dev

出现以下错误：

ERROR in ./src/main.js

Module build failed: TypeError: fileSystem.statSync is not a function
    at module.exports (F:\HTML5\学习过程\VUE\webpack学习\08webpack实现es6转es5\node_modules\_babel-loader@7.1.4@babel-loader\lib\utils\exists.js:7:25)
    at find (F:\HTML5\学习过程\VUE\webpack学习\08webpack实现es6转es5\node_modules\_babel-loader@7.1.4@babel-loader\lib\resolve-rc.js:13:9)
    at Object.module.exports (F:\HTML5\学习过程\VUE\webpack学习\08webpack实现es6转es5\node_modules\_babel-loader@7.1.4@babel-loader\lib\index.js:111:132)

 @ multi main

本人英语一般，也算能够了解是个大概什么意思。很明显错误的意思应该是ES6转ES5所依赖的babel-loader包有错误或是不兼容或是缺少点什么东西。所以就联想到babel-loader的版本的问题，我这里安装的webpack是1.14.0版本的，而babel-loader是7版本以上的。在安装所有包的时候就已经有以下提示：


意思是babel-loader7.1.4版本不兼容webpack1.15.0版本的。所以原因就是因为这个。绥将babel-loader的版本改为6版本的。以下是我的package.json所依赖版本包信息：


将babel-loader版本该为6版本了之后，就能够顺利的运行服务器了！卡了我一晚上的问题终于解决

OnMy22
关注
Vue - 解决报错 TypeError: transpileDependencies.map is not a function（vue项目运行启动或打包时提示错误，npm run serve报错）
王佳斌
01-07 5773
vue2，vue3，项目报错，transpileDependencies.mapisnotafunction，vue项目报错，运行npmrundev提示报错，项目启动就报错，npmrunbuild打包报错，Vue运行无故报错解决transpileDependencies.mapisnotafunction，什么也没动就报错了，Vue2报错，vue3报错，安装过程中执行了npmauditfix导致，项目没动代码就报错了，都改了还不行，加了配置也不行，vue.config.js加了t
webpack打包报错：fileSystem.statSync is not a function
JavaEdge全是干货的技术号
03-03 1305
定位文件： \node_modules\babel-loader\lib\index.js。 将 改成 大致是因为babel-loader和webpack的版本不兼容导致，可以对babel-loader做降级。 参考 https://github.com/babel/babel-loader/issues/505
webpack报错Module build failed: TypeError: fileSystem.statSync is not a function
weixin_38049458的博客
01-29 8041
跟着视频操作，删掉node_modules目录后，执行webpack报错 ERROR in ./src/js/index.js Module build failed: TypeError: fileSystem.statSync is not a function at module.exports (/Users/mac/source/9-01/node_modules/babel-
Vue项目报错Module build failed: Error: Node Sass does not yet support your current environment: Windows
LorraineWen的博客
02-17 407
Vue项目报错Module build failed: Error: Node Sass does not yet support your current environment: Windows
【ReactJS 初体验】Module build failed: TypeError: fileSystem.statSync is not a function
longyc2010的专栏
12-17 3735
一直跟着视频学习，有现成到代码，今天突然间删除来node_modules 目录之后，执行 cnpm install 之后，然后执行webpack –watch 之后如下到错误：经过尝试发现是没有保存webpack导致。还是对npm，webpack使用不熟。
npm run dev报错 Module build failed: Error: Cannot find module 'node-sass'
宋坚强大大~~
11-27 1万+
一个项目，可能你从其他库里拉下来，或者换了一台电脑，或者出于其他原因，你需要重新安装依赖环境， 有时候会遇到node-sass安装失败的情况，这个现象太正常了，比如： 遇到报错不要慌，先看报错的开头，一般就能找到答案，他说没有找到这个模块 node-sass 这时你可以去项目依赖node_module里边去找一下 ，发现确实没有这个包，那就重新装一下吧 npmins...
微信小游戏5.2.2 在子项目中使用EUI制作排行榜报错 wx.getFileSystemManager not function...
weixin_30794491的博客
06-19 435
本来想子项目(开放数据域)想使用EUI来制作排行榜。 原5.1.11的时候是ok的。在5.2.2中，使用assetsmananger而不是res，则会报错wx.getFileSystemManager not function。 查找到这个报错是在egret.wxgame.js里 修改配置文件，将子项目的assetsmananger改成res，则这个报错消失...
Module build failed: TypeError: this.getOptions is not a function的报错
weixin_47055643的博客
07-08 4494
Module build failed: TypeError: this.getOptions is not a function的报错，根据网上搜索的结果，原因应该是node-sass的版本与sass-loader的版本不匹配。记录一下解决的过程。
Module build failed: TypeError: this.getOptions is not a function（已解决）解决node-sass与node版本冲突问题
weixin_44919186的博客
07-25 1788
问题： 执行npm run dev，首先出现了如下这个问题 ： 踩坑1： 之后上网查原因得知是因为：node-loader版本过高导致的问题，建议将版本降低到@7.3.1 通过命令：npm install sass-loader@7.3.1 --save-dev降低了版本 再继续执行npm run dev 依然还是继续报错如下： 踩坑2： 之后继续网上查原因得知是因为：@6.0.0版本过高了，需要换成@4.x版本的 继续通过命令：npm in...
Module build failed TypeError this.getOptions is not a function 安装node-Sass报错
m0_67402588的博客
03-08 677
最近学习Vue安装node-Sass报错Module build failed: TypeError: this.getOptions is not a function，说白了就是版本问题，对于小白学习新知识的过程中，踩版本不匹配的坑是非常难受的，下面总结了一下具体解决方案 踩坑一：（Module build failed: TypeError: this.getOptions is not a function ） 这个问题主要是因为node-loader版本过高导致的问题，我们尝试将版本降低到@7.
Vue - Syntax Error: TypeError: this.getOptions is not a function 项目运行时报错，详细解决方案
王佳斌
11-07 6112
vue2，SyntaxError:TypeError:this.getOptionsisnotafunction，webpack，npmrunserve，报错怎么办，运行报错，runserve时出现报错如何解决，vue2项目运行报错this.getOptionsisnotafunction，vue2怎么解决npmrunserve时的SyntaxError:TypeError:this.getOptionsisnotafunction爆红报错，Vue-Synt
前端踩坑（四）(vue)报错 Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"
TUTsmile的博客
11-11 741
// 解决Uncaught (in promise) NavigationDuplicated {_name:""NavigationDuplicated"的报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalP...
uni-app报错TypeError: this.getOptions is not a function
qq_39131699的博客
02-17 6283
解决办法： 1.npm uninstall less-loader 2.npm install less-loader@5.0.0
uni-app H5发布时报 uni.request is not a function 错误
最新发布
天落秋雨的专栏
03-05 251
request , uni与 request换行了，运行时并不会报错，打包后，脚手架并没有重写uni.request方法，造成报错。通过 npm run build:h5打包后，项目放在nginx下，访问 报。原因是 项目中 uni.request 函数被格式化后，写成了。
报错提示不是一个函数：TypeError: this.getSearchList is not a function
TIANJING_er的博客
05-25 1725
TypeError: this.getSearchList is not a function
小程序 FileSystemManager 正确打开方式
热门推荐
轻量开发
04-23 3万+
小程序文档特别差，写的不清晰，很容易误解，坑无数人，举个栗子。 微信小程序文件读写报错： FileSystemManager.readFile() 读文件报错---> FileSystemManager is not defined wx.readFile() 读文件报错---> wx.readFile is not a function 正确打开方...
uniapp - 解决报错 TypeError: e[t] is not a function（Uniapp项目运行或打包编译时提示错误e[t] is not a function，全平台端均可搞定）
高级前端工程师
01-03 7181
uniapp，报错，TypeError: e[t] is not a function，uniapp App端报错，Android端，苹果ios打包报错，运行报错，uniapp打包报错e[t] is not a function，无法运行提示错误，uniapp live-pusher直播推流，maps地图组件，uni-app live-pusher 报错TypeError: e[t] is not a function，uni-app maps报错TypeError: e[t] is not a funct
Uncaught TypeError: XXX is not a function的解决方法
m0_54066656的博客
03-13 2万+
Uncaught TypeError: XXX is not a function的解决方法
钉钉小程序base64图片预览
个人主页https://www.siwuji.top
10-25 1081
钉钉小程序base64图片预览
运行npm run dev 报错 TypeError: chalk.greenBright is not a function
12-13
运行 `npm run dev` 时报错 `TypeError: chalk.greenBright is not a function`，通常是由于 `chalk` 库的版本问题或使用方式不正确导致的。以下是一些可能的解决方案： 1. **更新 `chalk` 库**： 确保你使用的是最新版本的 `chalk`。可以在项目根目录下运行以下命令来更新 `chalk`： ```bash npm install chalk@latest --save-dev ``` 2. **检查 `chalk` 的使用方式**： 确保你在代码中正确使用了 `chalk`。例如： ```javascript const chalk = require('chalk'); console.log(chalk.greenBright('This is green bright text')); ``` 如果你使用的是 ES6 模块，可以使用 `import`： ```javascript import chalk from 'chalk'; console.log(chalk.greenBright('This is green bright text')); ``` 3. **降级 `chalk` 版本**： 如果更新 `chalk` 库后问题仍然存在，可以尝试降级到稳定版本。例如，降级到 `4.1.2` 版本： ```bash npm install chalk@4.1.2 --save-dev ``` 4. **检查依赖冲突**： 有时候，依赖冲突也会导致类似问题。可以运行以下命令来检查依赖冲突： ```bash npm ls chalk ``` 如果发现冲突，可以尝试解决这些冲突。 5. **清理并重新安装依赖**： 有时候，清理 `node_modules` 并重新安装依赖可以解决问题： ```bash rm -rf node_modules npm install ``` 通过以上步骤，你应该能够解决 `TypeError: chalk.greenBright is not a function` 错误。如果问题仍然存在，请提供更多的错误日志和代码片段，以便进一步诊断。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值