错误：在Angular Webpack插件初始化之前尝试发射(错误：在Angular Webpack插件初始化之前尝试发出)

t1qtbnec  于 2023-10-19  发布在  Webpack
关注(0)|答案(1)|浏览(189)

在这里，我做的是我在Angular 15中创建了一个新项目，并将代码从Angular版本5中移走。我已经修复了所有的错误，但坚持这个错误。这里也是我目前的Angular版本的详细信息：
Angular CLI：15.2.10节点：18.18.2包管理器：npm 10.2.0操作系统：win32 x64
我得到以下错误：[错误]：https://i.stack.imgur.com/22xkl.png

package.json文件如下：

  1. {
  2.   "name": "demo",
  3.   "version": "0.0.0",
  4.   "scripts": {
  5.     "ng": "ng",
  6.     "start": "ng serve",
  7.     "build": "ng build",
  8.     "prod": "node --max_old_space_size=4096 node_modules/@angular/cli/bin/ng build --prod",
  9.     "test": "ng test",
  10.     "lint": "ng lint",
  11.     "e2e": "ng e2e",
  12.     "build-prod": "node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build -- 
  13.      prod"
  15.   },
  16.   "private": true,
  17.   "dependencies": {
  18.     "@agm/core": "^1.0.0-beta.3",
  19.     "@angular/animations": "^15.0.0",
  20.     "@angular/common": "^15.0.0",
  21.     "@angular/compiler": "^15.0.0",
  22.     "@angular/core": "^15.2.10",
  23.     "@angular/forms": "^15.0.0",
  24.     "@angular/platform-browser": "^15.0.0",
  25.     "@angular/platform-browser-dynamic": "^15.0.0",
  26.     "@angular/router": "^15.0.0",
  27.     "@ngtools/webpack": "^14.2.3",
  28.     "@ngui/datetime-picker": "^0.16.2",
  29.     "@progress/kendo-angular-charts": "^3.8.0",
  30.     "@progress/kendo-angular-common": "^3.2.1",
  31.     "@progress/kendo-angular-dropdowns": "^3.5.2",
  32.     "@progress/kendo-angular-intl": "^1.7.0",
  33.     "@progress/kendo-angular-l10n": "^1.3.0",
  34.     "@progress/kendo-angular-pdf-export": "^1.3.1",
  35.     "@progress/kendo-drawing": "^1.17.1",
  36.     "@progress/kendo-licensing": "^1.2.2",
  37.     "@syncfusion/ej2-angular-richtexteditor": "^17.4.40",
  38.     "@types/angular-ui-bootstrap": "^0.13.44",
  39.     "@types/d3": "^5.7.2",
  40.     "@types/jquery": "^3.3.29",
  41.     "@types/jqueryui": "^1.12.7",
  42.     "@types/underscore": "^1.8.14",
  43.     "admin-lte-css": "^2.4.3",
  44.     "angular-checklist": "^1.3.0",
  45.     "angular-sortablejs": "^2.7.0",
  46.     "angular2-datetimepicker": "^1.1.1",
  47.     "angular2-image-zoom": "^1.2.1",
  48.     "angular2-json2csv": "^1.1.2",
  49.     "angular2-tag-input": "^1.2.3",
  50.     "babel-regenerator-runtime": "^6.5.0",
  51.     "bootstrap": "^3.4.1",
  52.     "bootstrap-css-only": "^3.3.7",
  53.     "chart.js": "^2.9.4",
  54.     "core-js": "^2.6.5",
  55.     "d3": "^5.9.2",
  56.     "font-awesome": "^4.7.0",
  57.     "hammerjs": "^2.0.8",
  58.     "html2canvas": "^1.0.0-rc.1",
  59.     "ionicons": "^2.0.1",
  60.     "jquery": "^3.6.0",
  61.     "jquery-ui-sortable": "^1.0.0",
  62.     "jqueryui": "^1.11.1",
  63.     "jspdf": "^1.5.3",
  64.     "lodash": "^4.17.21",
  65.     "moment": "^2.24.0",
  66.     "ng-pick-datetime": "^5.2.6",
  67.     "ng-pick-datetime-moment": "1.0.7",
  68.     "ng-recaptcha": "^5.0.0",
  69.     "ng-starrating": "^1.0.11",
  70.     "ng2-charts": "^1.1.1",
  71.     "ng2-ckeditor": "1.1.9",
  72.     "ng2-nouislider": "^1.7.13",
  73.     "ng2-order-pipe": "^0.1.5",
  74.     "ng2-pdf-viewer": "^5.0.1",
  75.     "ng2-search-filter": "^0.4.7",
  76.     "ng2-toastr": "^4.1.2",
  77.     "ng2-tree": "^2.0.0-rc.11",
  78.     "ngx-bootstrap": "^2.0.0-beta.9",
  79.     "ngx-color-picker": "^4.5.3",
  80.     "ngx-editor": "^1.2.1",
  81.     "ngx-embed-video": "^1.0.4",
  82.     "ngx-inactivity": "^1.0.1",
  83.     "ngx-pagination": "^3.2.1",
  84.     "ngx-stripe": "^6.0.0",
  85.     "ngx-toastr": "^6.4.1-beta.0",
  86.     "ngx-ui-switch": "^1.6.0",
  87.     "npm": "^7.24.2",
  88.     "primeng": "^4.3.0",
  89.     "rxjs": "~7.5.0",
  90.     "rxjs-compat": "6.2.2",
  91.     "save": "^2.3.3",
  92.     "socket.io-client": "^2.2.0",
  93.     "sortablejs": "^1.8.4",
  94.     "tslib": "^2.3.0",
  95.     "underscore": "^1.13.1",
  96.     "uuid": "^9.0.1",
  97.     "zone.js": "~0.12.0"
  98.   },
  99.   "devDependencies": {
  100.     "@angular-devkit/build-angular": "^15.0.5",
  101.     "@angular/cli": "^15.2.10",
  102.     "@angular/compiler-cli": "^15.0.0",
  103.     "@angular/language-service": "^5.0.0",
  104.     "@types/googlemaps": "^3.38.0",
  105.     "@types/jasmine": "~4.3.0",
  106.     "@types/jasminewd2": "^2.0.6",
  107.     "@types/node": "^6.0.118",
  108.     "@types/socket.io-client": "^1.4.32",
  109.     "codelyzer": "~3.2.0",
  110.     "jasmine-core": "~4.5.0",
  111.     "jasmine-spec-reporter": "~4.1.0",
  112.     "karma": "~6.4.0",
  113.     "karma-chrome-launcher": "~3.1.0",
  114.     "karma-cli": "~1.0.1",
  115.     "karma-coverage": "~2.2.0",
  116.     "karma-coverage-istanbul-reporter": "^1.2.1",
  117.     "karma-jasmine": "~5.1.0",
  118.     "karma-jasmine-html-reporter": "~2.0.0",
  119.     "mi18n": "^0.3.4",
  120.     "protractor": "^7.0.0",
  121.     "ts-node": "~3.2.0",
  122.     "tslint": "~5.7.0",
  123.     "typescript": "~4.8.0"
  124.   }
  125. }
  127. Here is angular.json file:
  129. {
  130.   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  131.   "version": 1,
  132.   "newProjectRoot": "projects",
  133.   "projects": {
  134.     "demo": {
  135.       "projectType": "application",
  136.       "schematics": {},
  137.       "root": "",
  138.       "sourceRoot": "src",
  139.       "prefix": "app",
  140.       "architect": {
  141.         "build": {
  142.           "builder": "@angular-devkit/build-angular:browser",
  143.           "options": {
  144.             "outputPath": "dist/demo",
  145.             "index": "src/index.html",
  146.             "main": "src/main.ts",
  147.             "polyfills": [
  148.               "zone.js"
  149.             ],
  150.             "tsConfig": "tsconfig.app.json",
  151.             "assets": [
  152.               "src/favicon.ico",
  153.               "src/assets"
  154.             ],
  155.             "styles": [
  156.               "src/styles.css",
  157.               "node_modules/bootstrap-css-only/css/bootstrap.min.css",
  158.               "node_modules/font-awesome/css/font-awesome.css",
  159.               "node_modules/ionicons/css/ionicons.css",
  160.               "node_modules/admin-lte-css/dist/css/AdminLTE.css",
  161.               "node_modules/admin-lte-css/dist/css/skins/_all-skins.css",
  162.               "src/assets/kendoui.css",
  163.               "src/assets/sass/form-builder.scss",
  164.               "src/assets/sass/form-render.scss",
  165.               "node_modules/ng2-toastr/bundles/ng2-toastr.min.css",
  166.               "node_modules/primeng/resources/primeng.min.css",
  167.               "node_modules/primeng/resources/themes/omega/theme.css",
  168.               "node_modules/ng2-tree/styles.css"
  169.             ],
  170.             "scripts": [
  171.               "node_modules/jquery/dist/jquery.min.js",
  172.               "node_modules/jquery-ui-sortable/jquery-ui.min.js",
  173.               "node_modules/bootstrap/dist/js/bootstrap.min.js",
  174.               "node_modules/moment/min/moment.min.js",
  175.               "node_modules/chart.js/dist/Chart.js",
  176.               "src/assets/dist/js/adminlte.js",
  177.               "src/assets/hammerjs/hammer.js",
  178.               "node_modules/jspdf/dist/jspdf.min.js",
  179.               "node_modules/html2canvas/dist/html2canvas.min.js"             
  180.             ]
  181.           },
  182.           "configurations": {
  183.             "production": {
  184.               "budgets": [
  185.                 {
  186.                   "type": "initial",
  187.                   "maximumWarning": "500kb",
  188.                   "maximumError": "1mb"
  189.                 },
  190.                 {
  191.                   "type": "anyComponentStyle",
  192.                   "maximumWarning": "2kb",
  193.                   "maximumError": "4kb"
  194.                 }
  195.               ],
  196.               "outputHashing": "all"
  197.             },
  198.             "development": {
  199.               "buildOptimizer": false,
  200.               "optimization": false,
  201.               "vendorChunk": true,
  202.               "extractLicenses": false,
  203.               "sourceMap": true,
  204.               "namedChunks": true
  205.             }
  206.           },
  207.           "defaultConfiguration": "production"
  208.         },
  209.         "serve": {
  210.           "builder": "@angular-devkit/build-angular:dev-server",
  211.           "configurations": {
  212.             "production": {
  213.               "browserTarget": "demo:build:production"
  214.             },
  215.             "development": {
  216.               "browserTarget": "demo:build:development"
  217.             }
  218.           },
  219.           "defaultConfiguration": "development"
  220.         },
  221.         "extract-i18n": {
  222.           "builder": "@angular-devkit/build-angular:extract-i18n",
  223.           "options": {
  224.             "browserTarget": "demo:build"
  225.           }
  226.         },
  227.         "test": {
  228.           "builder": "@angular-devkit/build-angular:karma",
  229.           "options": {
  230.             "polyfills": [
  231.               "zone.js",
  232.               "zone.js/testing"
  233.             ],
  234.             "tsConfig": "tsconfig.spec.json",
  235.             "assets": [
  236.               "src/favicon.ico",
  237.               "src/assets"
  238.             ],
  239.             "styles": [
  240.               "src/styles.css"
  241.             ],
  242.             "scripts": []
  243.           }
  244.         }
  245.       }
  246.     }
  247.   },
  248.   "cli": {
  249.     "analytics": "125d0ec8-f37c-4580-834c-591ee3bb8c6c"
  250.   }
  251. }
  252. Here is tsconfig.json
  253. /* To learn more about this file see: https://angular.io/config/tsconfig. */
  254. {
  255.   "compileOnSave": false,
  256.   "compilerOptions": {
  257.     "baseUrl": "./",
  258.     "outDir": "./dist/out-tsc",
  259.     "forceConsistentCasingInFileNames": true,
  260.     "strict": true,
  261.     "noImplicitOverride": true,
  262.     "noPropertyAccessFromIndexSignature": true,
  263.     "noImplicitReturns": true,
  264.     "noFallthroughCasesInSwitch": true,
  265.     "sourceMap": true,
  266.     "declaration": false,
  267.     "downlevelIteration": true,
  268.     "experimentalDecorators": true,
  269.     "moduleResolution": "node",
  270.     "importHelpers": true,
  271.     "target": "ES2022",
  272.     "module": "ES2022",
  273.     "useDefineForClassFields": false,
  274.     "lib": [
  275.       "ES2022",
  276.       "dom"
  277.     ]
  278.   },
  279.   "include": [
  280.     "node_modules/angular2-json2csv/src/csv.service.ts",
  281.     "node_modules/ngx-inactivity/src/app/ngx-inactivity/index.ts",
  282.     "src/main.ts", 
  283.     "src/polyfills.ts",
  284.     "src/*.ts",
  285.     "src/app/**/*.ts"
  286.     
  287.     ],
  288.   "angularCompilerOptions": {
  289.     "enableI18nLegacyMessageIdFormat": false,
  290.     "strictInjectionParameters": true,
  291.     "strictInputAccessModifiers": true,
  292.     "strictTemplates": true,
  293.     "enableIvy": false
  294.   }
  295. }
  296. Here is tsconfig-app.json:
  297. /* To learn more about this file see: https://angular.io/config/tsconfig. */
  298. {
  299.   "extends": "./tsconfig.json",
  300.   "compilerOptions": {
  301.     "outDir": "./out-tsc/app",
  302.     "types": []
  303.   },
  304.   "files": [
  305.     "src/main.ts"
  306.   ],
  307.   "include": [
  308.     "src/**/*.d.ts"
  309.   ],
  310.   "angularCompilerOptions": {
  311.     "enableIvy": false
  312.   }
  313. }
  315. Here is tsconfig-spec.json:
  316. /* To learn more about this file see: https://angular.io/config/tsconfig. */
  317. {
  318.   "extends": "./tsconfig.json",
  319.   "compilerOptions": {
  320.     "outDir": "./out-tsc/spec",
  321.     "types": [
  322.       "jasmine"
  323.     ]
  324.   },
  325.   "include": [
  326.     "src/**/*.spec.ts",
  327.     "src/**/*.d.ts"
  328.   ]`enter code here`
  329. }
  331. Here need solution for this issue.Thanks in advance
webpack

1条答案

按热度按时间
cigdeys3

cigdeys31#

兄弟，我建议你做以下步骤，根据我的看法，你试图从angular版本5更新到angular版本15与ng更新，这可能不是一个可行的解决方案，所以尝试按照以下步骤
1.使用angular版本15创建新的angular应用程序
1.备份现有项目代码，但丢弃节点模块
1.现在替换src文件夹，在package.json中添加所有第三方依赖项，并在新创建的angular项目中从现有项目中添加angular.json中的脚本或样式
1.现在运行'npm i'
1.您可能会遇到一些第三方依赖项版本问题，然后尝试更新第三方依赖项，然后单击'npm i'
将angular 5保持到最新并不是一个好的做法，尝试一两年更新一次angular
我希望以上步骤能帮助你保持安全，快乐编码。

赞(0）分享  回复(0）举报  2023-10-19
我来回答

相关问题

    查看更多

    热门标签

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

    最新问答

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