无法将 webpack 项目部署到 Netlify答案

【问题标题】：Can't deploy webpack project to Netlify无法将 webpack 项目部署到 Netlify
【发布时间】：2020-05-24 15:53:49
【问题描述】：

我刚刚使用 webpack 构建了我的第一个项目，并试图将其部署到 Netlify，但无济于事。如果我在自己的机器上构建、启动或 lint，我没有任何问题，但是 Netlify 挂断了我的 eslint。有趣的是，我拥有与班上其他学生完全相同的环境，而且他们能够毫无问题地进行部署。

Netlify 日志中的错误：

1:47:21 PM: WARNING in ./src/main.js
1:47:21 PM: Module Warning (from ./node_modules/eslint-loader/dist/cjs.js):
1:47:21 PM: No ESLint configuration found in /opt/build/repo/src.
1:47:21 PM: ERROR in ./src/main.js
1:47:21 PM: Module build failed (from ./node_modules/eslint-loader/dist/cjs.js):

我的 webpack 配置：

  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader'
        ]
      },
      {
        test: /\.js$/,
        exclude: [/node_modules/, /spec/],
        loader: "eslint-loader"
      }
    ]
  }

我的 package.json 的相关位：

{
  "name": "node-boilerplate",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "build": "webpack --mode development",
    "start": "npm run build; webpack-dev-server --open --mode development",
    "lint": "eslint src/*.js",
    "test": "jest",
    "debug": "node --inspect node_modules/.bin/jest --runInBand"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.6.4",
    "@babel/plugin-transform-modules-commonjs": "^7.6.0",
    "clean-webpack-plugin": "^3.0.0",
    "css-loader": "^3.2.0",
    "eslint": "^6.3.0",
    "eslint-loader": "^3.0.0",
    "html-webpack-plugin": "^3.2.0",
    "jest": "^24.9.0",
    "style-loader": "^1.0.0",
    "uglifyjs-webpack-plugin": "^2.2.0",
    "webpack": "4.39.3",
    "webpack-cli": "^3.3.8",
    "webpack-dev-server": "^3.8.0"
  }

还有我的源代码： https://github.com/kwicz/galactic-age-calculator

我已经尝试更新我的 webpack 规则，更改为生产模式等，但在这里没有取得太大进展。有什么想法吗？

【问题讨论】：

标签： webpack eslint webpack-dev-server netlify eslintrc

【解决方案1】：

下午 1:47:21：在 /opt/build/repo/src 中找不到 ESLint 配置。

上述错误行指向您的存储库中缺少.eslintrc 配置文件。您可能尚未将其提交到您的存储库代码中并将其推送到 GitHub。

如果您将存储库克隆到计算机上的一个干净目录中并像 Netlify 一样运行构建命令，您应该会看到相同的错误。

注意：您的存储库也没有.gitignore 文件，该文件也应包含在以下内容中。这不会影响任何事情，但可能会帮助您避免将开发和生产文件推送到您的存储库中。

node_modules/
dist/

【讨论】：

谢谢！我确实有一个包含这些文件的 .gitignore，以及一个 .eslintrc 和 .babelrc。但是，我没有注意到 git add * 没有将它们放入存储库中，并且我从未手动添加它们。我这样做的第二个，我的网站启动并运行。我真的很感激。