Question

我刚刚使用Webpack构建了我的第一个项目，并试图将其部署到Netlify，但无济于事。如果我在自己的计算机上构建，启动或皮棉，我没有任何问题，但是Netlify挂在我的随行挂号上。有趣的是，我的环境与班上其他学生一样，他们可以毫无问题地进行部署。

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规则，更改为生产模式等，但在这里没有取得太大进展。有什么想法吗？

Answer 1

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

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

如果将存储库克隆到计算机上的干净目录中，然后完全像Netlify一样运行build命令，则应该看到相同的错误。

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

node_modules/
dist/

无法将Webpack项目部署到Netlify

1 个答案: