./node_modules/.bin/webpack 运行不了

本文介绍了在Windows环境中正确运行Webpack命令的方法,指出路径分隔符的差异,并提供了一个通过配置package.json来简化命令的示例。

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

相信绝大部分初学webpack或是gulp等等的人都不会遇到这个问题,因为一开始运行webpack都会先安装全局的webpack,然后在项目中安装局部的webpack,然后使用webpack [命令] 去运行,这并没有什么不对的,但是有个缺点,就是在不同环境下全局安装的webpack版本可能是不同的,也就是说在不同环境下全局安装的webpack版本可能就不符合这个项目所依赖的版本,所以得用局部依赖的webpack运行,使用 :

./node_modules/.bin/webpack [命令]

那么问题来了,这条命令在windows环境下出现问题:

(’.’ 不是内部或外部命令,也不是可运行的程序或批处理文件。)

这个问题不仅仅在使用webpack的时候出现,还在使用gulp或是git等等的时候也会有类似问题,那么来看windows下运行的正确命令:

.\node_modules.bin\webpack -v

显而易见,只不过把斜杠换了个方向而已,当然不仅是这条命令,很多命令windows环境下与linux或mac还是有区别的,所以大家在使用时请注意了。
还有这里只是单单讲这条命令为什么会在windows环境下运行不了而已,不代表非得使用这条命令去实现,例如在package.json里配置”start”:

{
  "name": "webpack-demo",
  "version": "1.0.0",
  "description": "demo",
  "scripts": {
    "start": "webpack"
  },
  "author": "kay",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^1.12.9"
  }
}

这样就可以使用 npm start 这条命令运行局部的webpack了,这样是不是更简洁明了。

Failed to compile. ./src/App.vue?vue&type=style&index=1&id=7ba5bd90&lang=scss (./node_modules/css-loader/dist/cjs.js??ref--12-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--12-2!./node_modules/sass-loader/dist/cjs.js??ref--12-3!./node_modules/thread-loader/dist/cjs.js??ref--0-0!./node_modules/cache-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=style&index=1&id=7ba5bd90&lang=scss) Module build failed (from ./node_modules/sass-loader/dist/cjs.js): Error: Cannot find module 'node-sass' Require stack: - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\sass-loader\dist\index.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\sass-loader\dist\cjs.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\loader-runner\lib\loadLoader.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\loader-runner\lib\LoaderRunner.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\webpack\lib\NormalModule.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\webpack\lib\NormalModuleFactory.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\webpack\lib\Compiler.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\webpack\lib\webpack.js - D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\webpack-dev-server\bin\webpack-dev-server.js at Function.Module._resolveFilename (internal/modules/cjs/loader.js:982:15) at Function.Module._load (internal/modules/cjs/loader.js:864:27) at Module.require (internal/modules/cjs/loader.js:1044:19) at require (internal/modules/cjs/helpers.js:77:18) at getDefaultSassImpl (D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\sass-loader\dist\index.js:198:10) at Object.loader (D:\Desktop\EAP本地\EAPAdmin\ADM_Client\node_modules\sass-loader\dist\index.js:80:29)
最新发布
07-11
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值