Linux环境下npm run build无法调用webpack？求技术解答

我来帮你排查下这个问题，Linux环境里npm run build不生效通常有几个常见原因，咱们一步步来解决：

• 确保Webpack和Webpack-CLI已本地安装
  很多人会忽略这点：如果只全局安装了Webpack，npm脚本会优先查找项目本地node_modules/.bin目录下的可执行文件。Webpack 4及以上版本还需要单独安装webpack-cli才能通过命令行调用。执行下面的命令完成本地安装：

  npm install --save-dev webpack webpack-cli
  

• 确认在项目根目录执行命令
  Linux对工作目录很敏感，你得确保当前终端的路径是package.json所在的项目根目录，不然npm找不到你的scripts配置。可以用pwd命令查看当前路径，用cd切换到正确目录后再执行npm run build。

• 测试本地Webpack是否能直接运行
  用npx webpack命令直接测试本地Webpack是否能正常工作。如果这个命令能成功执行，说明Webpack本身没问题，那你可以试试清除npm缓存再重新运行：

  npm cache clean --force
  npm run build
  

  还可以加上--verbose参数查看详细日志，定位具体错误：

  npm run build --verbose
  

• 检查你的package.json配置完整性
  从你提供的代码看，devDependencies的内容被截断了，确保没有语法错误（比如遗漏逗号、括号不匹配）。完整的核心配置示例应该是这样的：

  {
    "name": "learn-webpack",
    "version": "1.0.0",
    "description": "Learn Webpack",
    "main": "index.js",
    "scripts": {
      "build": "webpack"
    },
    "author": "",
    "license": "ISC",
    "devDependencies": {
      "babel-core": "^6.26.0",
      "babel-loader": "^7.1.4",
      "babel-preset-env": "^1.6.1",
      "css-loader": "^0.28.11",
      "webpack": "^5.0.0",
      "webpack-cli": "^4.0.0"
    }
  }
  

内容的提问来源于stack exchange，提问作者Huong Nguyen