webpack报错basedir=$(dirname “$(echo “$0“ | sed -e ‘s,\\,/,g‘)“)

最新推荐文章于 2023-06-25 22:41:34 发布
最新推荐文章于 2023-06-25 22:41:34 发布
阅读量3.2k 收藏 3
点赞数 3
分类专栏： 笔记 文章标签： webpack node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zity_chow/article/details/108752707
版权

在这里插入图片描述
查找了很多论坛，也找到许多解决方法，但大多数都没有解决问题。报这个错误的原因主要是在写webpack命令时，由于在window操作系统中，不支持shell脚本语句所导致。在mac系统的电脑中，由于本身支持shell脚本，故不会报这个错误。也亲自用同事的mac电脑打包，果真没有报这个错误。

虽说这个错误是由于操作系统的不支持shell脚本语句导致的，那么在windows中该如何修改这个命令，使得打包命令正常运行呢。转换一下思路，webpack底层本身就是node.js。

那么，为什么不可以将shell命令改为node.js支持的语句呢？于是想到修改原先的打包命令即./node_modules/.bin/webpack 为 ./node_modules/webpack/bin/webpack。

第一种打包命令即./node_modules/.bin/webpack ，可以看到.bin目录下均为.cmd的shell命令；

而第二种打包命令即 ./node_modules/webpack/bin/webpack，最后一个webpack实际上是一个js文件，当然支持node了，这也体现了js语言的灵活性和无所不能。

如果你用的mac的操作系统，这两种命令都可以生效。但如果是windows操作系统，不好意思，目前好像这个是最快速而有效的解决方案了。

转自

npm build报错Cannot find module ‘webpack/lib/rules/BasicEffectRulePlugin‘解决方法
邓邓子的博客
05-27 992
尝试了无数种方法，最后删除项目，重新下载源码，重新编译解决。各种操作把环境弄乱了。
@ multi ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/client?http://localhost:8080 w
肖肖的博客
10-30 2259
/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/views/404.vue 4:14-446 13:3-17:5 14:22-454 @ ./src/views/404.vue @ ./src/router/index.js @ ./src/main.js @ multi ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/clie
【报错问题】Node 运行入口文件时，提示 `basedir=$(dirname “$(echo “$0″ | sed -e ‘s,\\,/,g’)” SyntaxError:……`
01-07
一、版本说明 node ： 10.13.0 # CMD中输入`node -v`即可 二、开启入口文件时，提示以下错误  `basedir=$(dirname $(echo $0 | sed -e 's,\\,/,g')  SyntaxError: missing......` 三、解决办法，因为使用了express框架，需要安装 express 即可 npm install express --save-dev 四、若再出现此类问题，Error: Cannot find module 'xxx'，直接安装此中间件即可 npm install xxx --save-dev
vue打包报错basedir=$(dirname “$(echo “$0“ | sed -e ‘s,\\,/,g‘)“)
蓝枫秋千的踩坑记录
05-04 2399
PS C:\Users\aiyong\Documents\GitHub\itr\itr-btit-fe-adminpc> yarn build yarn run v1.22.10 $ node --max_old_space_size=4096 node_modules/.bin/vue-cli-service build C:\Users\aiyong\Documents\GitHub\itr\itr-btit-fe-adminpc\node_modules\.bin\vue-cli-service
basedir=$(dirname “$(echo “$0“ | sed -e ‘s,\\,/,g‘)“)
billionrong的博客
06-25 528
yarn ng serve 改成yarn ng.cmd serve。windows不能执行bash。
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
热门推荐
caoPengFlying的博客
10-25 1万+
写了第一个express框架，按照要求安装好express之后写第一个demo测试的时候 按照官方的代码var express = require('express'); var app = express();app.get('/',function(req,res){ res.send("hello world"); });var server = app.listen(8080,fu
调试webpack报错basedir=$(dirname “$(echo “$0“ | sed -e ‘s,\\,/,g‘)“)
cen的博客
01-23 2469
调试报错如下： 原因：在windows系统中，不支持shell脚本语句导致 解决： 将./node_modules/.bin/webpack 更改为 ./node_modules/webpack/bin/webpack 参考资料
【报错问题】Node 运行入口文件时，提示 `basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')" SyntaxError:......`
窝窝头的博客
01-08 6438
一、版本说明 node ： 10.13.0 # CMD中输入`node -v`即可 二、开启入口文件时，提示以下错误`basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')" SyntaxError: missing......` 三、解决办法，因为使用了express框架，需要安装 express 即可 ...
vue-cli 生成项目basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")SyntaxError: missing ) after
成长之路
03-13 5755
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')") SyntaxError: missing ) after argument list 删除所有的vue版本； 通过where vue 查找。 清空npm文件夹里的相关文件，以及npm-cache文件夹； （一般在这个地址C:\Users\Administrato...
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
10-14
在Vue项目中，当使用`uglifyjs-webpack-plugin`进行代码压缩和优化时，可能会遇到打包失败的错误，如"Unexpected token: keyword (const)"。这个错误通常表明代码中存在ES6语法，例如`const`关键字，而`uglifyjs-...
webpack -v报错：Cannot find module ‘webpack-cli/package.json‘
mashirokayo的博客
11-13 9600
webpack -v报错：Cannot find module 'webpack-cli/package.json'
SyntaxError: missing ) after argument list|basedir=$(dirname “$(echo “$0“ | sed -e ‘s,\\,/,g‘)“)
阿奎的博客
06-16 837
1.重装npm（失败） 2.Windows 问题（失败） Windows 在读取 bash 文件或其他文件时遇到问题。但整个设置在 Linux 或 Mac 上运行良好。所以你可以切换到 mac 或 linux。需要手动修改路径，需要找到node_modules中的文件的对应的bin目录下的可执行文件的位置如，我的这里原路径为 修改为 发现并没有目录，只有一个pri文件 切换git bash等终端也没用
在 VSCode 中调试 Jest 的测试用例，VSCode调试Jest测试用例报错basedir=$(dirname “$(echo “$0“ | sed -e ‘s,\\,/,g‘)“)解决
Scluis的博客
04-21 1414
步骤 首先，如果没有launch.json文件，需要打开VsCode的运行和调试选项卡（快捷键Ctrl+Shift+D）创建launch.json文件 然后，在launch.json中配置如下： { "version": "0.2.0", "configurations": [{ "name": "Debug Jest Tests", "type": "node", "request": "launch", "runtimeA
express 使用时出现 basedir=`dirname "$0"` 错误
weixin_34194317的博客
10-11 502
前两天误操作把nodejs和workspace给shift del了，差点儿没撞墙。今天又从安装node express开始。安装完之后，用express新建工程，运行node app，结果出现了一个从未见过的错误。D:\node\npm-global\express:2basedir=dirname "$0" ^SyntaxError: Unexpected token I...
23.重学webpack——原理之webpack工作原理/工作流（高频面试题）
2024路在何方
08-05 579
【重学webpack系列——webpack5.0】 1-15节主要讲webpack的使用，当然，建议结合《webpack学完这些就够了》一起学习。 从本节开始，专攻webpack原理，只有深入原理，才能学到webpack设计的精髓，从而将技术点运用到实际项目中。 可以点击上方专栏订阅哦。 以下是本节正文： webpack工作流 1. webpack工作流步骤（高频面试点） 初始化参数：从配置文件和Shell语句中读取并合并参数，得出最终的配置对象 用上一步得到的参数初始化Compiler对象 加
linux 下 `dirname $0`
yjk13703623757的博客
12-11 1189
1. 倒引号`、双引号&quot;&quot; 、单引号’’ `，被倒引号括起来的内容， 表示里面执行的是命令。比如 `dirname $0`， 就表示需要执行dirname $0这个命令。 “” ，被双引号括起来的内容， 里面出现$ （美元号）表示取变量名， `（倒引号）表示执行命令，\（转义号）表示转义，其余的才表示字符串。 ‘’， 被单引号括起来的内容，里面所有的都表示串， 包括上面所说的 三个特殊字符。...
从0搭建一个自制cli脚手架（附常见问题解决方案）
hans774882968的博客
01-29 1791
项目地址：https://github.com/Hans774882968/hans-cli 环境：Windows10 相信很多人都是通过vue-cli第一次认识前端脚手架。我们通过npm install -g vue-cli命令全局安装脚手架后，再执行vue create project-name就能初始化一个vue项目。那么我们能不能写一个自己的脚手架，方便地初始化一个项目？答案不仅是肯定的，难度还不大！ 用到的工具 commander 用来编写指令和处理命令行。例： const program = r
shell获取当前执行脚本路径，并通过sed修改
致知的博客
07-29 726
basedir=`cd $(dirname $0); pwd -P` mysql_data_dir=`echo ${basedir} | sed 's/\/tests\/db\/utils//'`/mysql-files $0: 获取当前脚本的名称 $#: 传递给脚本的参数个数 $$: shell脚本的进程号 ...
react-image-crop webpack报错
最新发布
09-24
在React中使用`react-image-crop`这个库时，遇到Webpack报错可能是由于几个原因导致的。首先，确保已正确安装了所需依赖，包括`react-image-crop`及其所需的webpack配置插件，如`file-loader`、`url-loader` 或 `...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值