Webpack Cli TypeError：无法读取未定义的属性“getArguments”

30byixjq  于 2024-01-08  发布在  Webpack
关注(0)|答案(1)|浏览(249)

我有一个react js应用程序，我试图实现webpack来创建一个构建并将其部署到IIS。
当我尝试使用webpack构建应用程序时，我得到了下面的错误：

  1. C:\webpackProj>npm run build
  2. > [email protected] build
  3. > webpack --mode development
  4. [webpack-cli] TypeError: Cannot read property 'getArguments' of undefined
  5. at WebpackCLI.getBuiltInOptions (C:\webpackProj\node_modules\webpack-cli\lib\webpack-cli.js:755:63)
  6. at makeCommand.options.entry (C:\webpackProj\node_modules\webpack-cli\lib\webpack-cli.js:880:32)
  7. at async WebpackCLI.makeCommand (C:\webpackProj\node_modules\webpack-cli\lib\webpack-cli.js:395:31)
  8. at async loadCommandByName (C:\webpackProj\node_modules\webpack-cli\lib\webpack-cli.js:876:17)
  9. at async Command.<anonymous> (C:\webpackProj\node_modules\webpack-cli\lib\webpack-cli.js:1272:17)
  10. at async Command.parseAsync (C:\webpackProj\node_modules\webpack-cli\node_modules\commander\lib\command.js:935:5)
  11. at async WebpackCLI.run (C:\webpackProj\node_modules\webpack-cli\lib\webpack-cli.js:1296:9)
  12. at async runCLI (C:\webpackProj\node_modules\webpack-cli\lib\bootstrap.js:9:9)

字符串
Package.json文件

  1. {
  2.   "name": "webpackProj",
  3.   "version": "10.4.0",
  4.   "private": true,
  5.   "dependencies": {
  6.   "@ag-grid-enterprise/all-modules": "^25.3.0",
  7.   "@ag-grid-enterprise/rich-select": "^25.1.0",
  8.   "@aspnet/signalr": "^1.1.4",
  9.   "@babel/runtime": "^7.21.0",
  10.   "@emotion/core": "^10.1.1",
  11.   "@fortawesome/fontawesome-svg-core": "^1.2.36",
  12.   "@fortawesome/free-brands-svg-icons": "^5.15.4",
  13.   "@fortawesome/free-solid-svg-icons": "^5.15.4",
  14.   "@fortawesome/react-fontawesome": "^0.1.15",
  15.   "@material-ui/core": "^4.12.3",
  16.   "@material-ui/icons": "^4.11.2",
  17.   "@material-ui/lab": "^4.0.0-alpha.60",
  18.   "@microsoft/signalr": "^3.1.18",
  19.   "@testing-library/jest-dom": "^4.2.4",
  20.   "@testing-library/react": "^9.5.0",
  21.   "@testing-library/user-event": "^7.2.1",
  22.   "ag-grid-autocomplete-editor": "^2.2.1",
  23.   "ag-grid-community": "^25.1.0",
  24.   "ag-grid-enterprise": "^25.1.0",
  25.   "ag-grid-react": "^25.1.0",
  26.   "apexcharts": "^3.28.1",
  27.   "axios": "^0.21.4",
  28.   "babel-polyfill": "^6.26.0",
  29.   "bootstrap": "^4.6.0",
  30.   "browserslist": "^4.17.0",
  31.   "case-sensitive-paths-webpack-plugin": "^2.4.0",
  32.   "classnames": "^2.2.6",
  33.   "css-loader": "^6.7.3",
  34.   "d3": "^6.7.0",
  35.   "draft-js": "^0.11.7",
  36.   "draftjs-to-html": "^0.9.1",
  37.   "env-cmd": "^10.1.0",
  38.   "file-loader": "^6.2.0",
  39.   "html-loader": "^4.2.0",
  40.   "html-to-draftjs": "^1.5.0",
  41.   "html-webpack-plugin": "^5.5.0",
  42.   "jquery": "^3.6.0",
  43.   "jquery-mask-plugin": "^1.14.16",
  44.   "jquery-ui": "^1.12.1",
  45.   "js2xmlparser": "^4.0.1",
  46.   "moment": "^2.29.1",
  47.   "multiselect-react-dropdown": "^1.7.0",
  48.   "node-sass": "^4.14.1",
  49.   "npx": "^10.2.2",
  50.   "prop-types": "^15.7.2",
  51.   "react": "^18.2.0",
  52.   "react-apexcharts": "^1.3.9",
  53.   "react-app-polyfill": "^1.0.6",
  54.   "react-bootstrap": "^1.6.3",
  55.   "react-bootstrap-typeahead": "^5.2.0",
  56.   "react-calendar-heatmap": "^1.8.1",
  57.   "react-cookie": "^4.1.1",
  58.   "react-copy-to-clipboard": "^5.0.4",
  59.   "react-datepicker": "^3.8.0",
  60.   "react-dom": "^18.2.0",
  61.   "react-draft-wysiwyg": "^1.15.0",
  62.   "react-draggable": "^4.4.4",
  63.   "react-dropdown-select": "^4.7.4",
  64.   "react-items-carousel": "^2.8.0",
  65.   "react-loadable": "^5.5.0",
  66.   "react-loader-spinner": "^3.1.14",
  67.   "react-loading-screen": "0.0.17",
  68.   "react-multi-select-component": "^3.1.7",
  69.   "react-picky": "^5.3.2",
  70.   "react-radio-buttons": "^1.2.2",
  71.   "react-redux": "^7.2.5",
  72.   "react-router": "^5.2.1",
  73.   "react-router-dom": "^5.3.0",
  74.   "react-scripts": "3.4.1",
  75.   "react-spinners": "^0.9.0",
  76.   "react-sweet-progress": "^1.1.2",
  77.   "react-toastify": "^6.2.0",
  78.   "react-tooltip": "^4.2.21",
  79.   "reactstrap": "^8.10.0",
  80.   "redux": "^4.1.1",
  81.   "redux-persist": "^6.0.0",
  82.   "redux-thunk": "^2.3.0",
  83.   "sass-loader": "^13.2.0",
  84.   "save": "^2.4.0",
  85.   "style-loader": "^3.3.1",
  86.   "sweetalert2": "^9.17.2"
  87.   },
  88.   "scripts": {
  89.     "start": "react-scripts start",
  90.     "build": "webpack --mode development",
  91.     "build:development": "env-cmd -f .env.development react-scripts build",
  92.     "build:qa": "env-cmd -f .env.qa react-scripts build",
  93.     "build:uat": "env-cmd -f .env.uat react-scripts build",
  94.     "build:production": "env-cmd -f .env.production react-scripts build",
  95.     "test": "react-scripts test",
  96.     "eject": "react-scripts eject"
  97.   },
  98.   "eslintConfig": {
  99.     "extends": "react-app"
  100.   },
  101.   "browserslist": {
  102.     "production": [
  103.     "ie 11",
  104.     "last 1 chrome version",
  105.     "last 1 firefox version",
  106.     "last 1 safari version"
  107.     ],
  108.     "development": [
  109.       "ie 11",
  110.       "last 1 chrome version",
  111.       "last 1 firefox version",
  112.       "last 1 safari version"
  113.     ]
  114.   },
  115.   "devDependencies": {
  116.     "@babel/core": "^7.21.0",
  117.     "@babel/plugin-transform-runtime": "^7.21.0",
  118.     "@babel/preset-env": "^7.20.2",
  119.     "@babel/preset-react": "^7.18.6",
  120.     "babel-loader": "^8.1.0",
  121.     "redux-devtools-extension": "^2.13.9",
  122.     "webpack": "^4.42.0",
  123.     "webpack-cli": "^5.0.1",
  124.     "webpack-dev-server": "^3.10.3"
  125.   }
  126. }

型
Webpack.config文件

  1. const port = process.env.PORT || 8080;
  2. const path = require('path');
  3. const HtmlWebPackPlugin = require('html-webpack-plugin');
  5. module.export = {
  6.     entry: './src/index.js',
  7.     output: {
  8.         path: path.join(__dirname, '/dist'),
  9.         filename: 'main.[hash].js'
  10.     },
  11.     module: {
  12.         rules: [
  13.             {
  14.                 test: /\.(js|jsx)$/,
  15.                 exclude: /node_modules/,
  16.                 use: {
  17.                     loader: "babel-loader",
  18.                 },
  19.             },
  20.             {
  21.                 test: /\.css$/,
  22.                 use: [
  23.                     "style-loader",
  24.                     "css-loader",
  25.                     "sass-loader"
  26.                 ]
  27.             },
  28.             {
  29.                 test: /\.html$/,
  30.                 use: {
  31.                     loader: "html-loader"
  32.                 }
  33.             },
  34.             {
  35.                 test: /\.(svg|png)$/,
  36.                 use: {
  37.                     loader: "file-loader",
  38.                     options: {
  39.                         name: '[name].[hash].[ext]',
  40.                         outputPath: 'images'
  41.                     }
  42.                 }
  43.             }
  44.         ]
  45.     },
  46.     plugins: [
  47.         new HtmlWebPackPlugin({
  48.             template: './public/index.html'
  49.         })
  50.     ],
  51.     devServer: {
  52.         host: 'localhost',
  53.         port: port,
  54.         historyApiFallback: true,
  55.         open: true
  56.     }
  57. }

型
.babelrc文件

  1. {
  2.     "presets": [
  3.         "@babel/preset-env",
  4.         "@babel/preset-react"
  5.     ],
  6.     "plugins": [
  7.         ["@babel/transform-runtime"]
  8.     ]
  9. }

型
我错过了什么？

webpack

1条答案

按热度按时间
2jcobegt

2jcobegt1#

Marik Ishtar上面的回复对我很有用。我从当前的webpack-software版本降级到了3.3.0版本。

  1. yarn add [email protected]

字符串

赞(0）分享  回复(0）举报  2024-01-08
我来回答

相关问题

    查看更多

    热门标签

    更多
    JavaquerypythonNode开发语言requestUtil数据库Table后端算法LoggerMessageElementParser

    最新问答

    更多
    • 蜀ICP备13028337号-1 大数据知识库 https://www.saoniuhuo.com © All rights reserved
    • 本站内容来源互联网,如果侵犯您的权益请联系我们删除, 联系方式：448109455@qq.com