我在项目中使用的是8 +角钢,在本地,一切正常ng serve
。但是当我尝试部署它时,我遇到了以下问题。我关注很多问题,但对我来说却无济于事。更新角度,删除node_module
等等..!
这是我得到的错误
./node_modules/ngx-quill/fesm2015/ngx-quill.js中的错误模块构建失败(来自./node_modules/@angular-devkit/build-optimizer/src/build-optimizer/webpack-loader.js):TypeError:无法在checkNodeForDecorators(/ Users)上的isAngularDecoratorMetadataExpression(/Users/liyanaarachchi/XXXXXX/iXXXXX/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:265:35)处读取未定义的属性'kind' /liyanaarachchi/XXXX/iXXXt/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:77:21)位于visitNodes(/ Users / liyanaarachchi / iXXX / iXXXX / node_modules / typescript / lib /在Object.forEachChild(/Users/liyanaarachchi/xxxx/iXXXXXX/node_modules/typescript/lib/typescript.js:16740处的typescript.js:16514:30):24)在visitNode上的checkNodeForDecorators(/Users/liyanaarachchi/iXXXX/XXXXXX/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31)中(/ Users / liyanaarachchi / XXXX /node_modules/typescript/lib/typescript.js:16505:24)位于checkNodeForDecor的Object.forEachChild(/Users/liyanaarachchi/[email protected]/ibrainmart/node_modules/typescript/lib/typescript.js:16635:21) /Users/liyanaarachchi/ibraiXXXXm/iXXXart/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31)位于visitNode(/ Users / liyanaarachchi / ibXXXm / XXXt / node_ lib / typescript.js:16505:24)位于checkNodeForDecorators(/ Users / liyanaarachchi / ibX.Object.forEachChild(/Users/liyanaarachchi/ibrXXXXXcom/XXXX/node_modules/typescript/lib/typescript.js:16703:24)com/XXXXXt/node_modules/@angular-devkit/build-optimizer/src/transforms/scrub-file.js:68:31)位于visitNode(/Users/liyanaarachchi/ibrXXXXm/iXXXXrt/node_modules/typescript/lib/typescript.js :16505:24)位于checkNodeForDecorators的Object.forEachChild(/Users/liyanaarachchi/XXXXXXom/ibXXXXart/node_modules/typescript/lib/typescript.js:16692:24)(/ Users / liyanaarachchi / ibraiXXXXm / ibXXXXart / node_modules / @ angular-位于object.forEachChild的visitNode(/Users/liyanaarachchi/ibXXXXX/iXXXXXart/node_modules/typescript/lib/typescript.js:16505:24)上的devkit / build-optimizer / src / transforms / scrub-file.js:68:31) (/用户/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)forEachChild(/Users/liyanaarachchi/XXXXXXom/ibXXXXart/node_modules/typescript/lib/typescript.js:16692:24)位于checkNodeForDecorators(/ Users / liyanaarachchi / ibraiXXXXm / ibXXXxk / rde在object.forEachChild的visitNode(/Users/liyanaarachchi/ibXXXXX/iXXXXXart/node_modules/typescript/lib/typescript.js:16505:24)处转换/ scrub-file.js:68:31) ibXXXXXt / node_modules / typescript / lib / typescript.js:16599:21)forEachChild(/Users/liyanaarachchi/XXXXXXom/ibXXXXart/node_modules/typescript/lib/typescript.js:16692:24)位于checkNodeForDecorators(/ Users / liyanaarachchi / ibraiXXXXm / ibXXXxk / rde在object.forEachChild的visitNode(/Users/liyanaarachchi/ibXXXXX/iXXXXXart/node_modules/typescript/lib/typescript.js:16505:24)处转换/ scrub-file.js:68:31) ibXXXXXt / node_modules / typescript / lib / typescript.js:16599:21)forEachChild(/Users/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)forEachChild(/Users/liyanaarachchi/ibrainmXXXXXm/ibXXXXXt/node_modules/typescript/lib/typescript.js:16599:21)
packge.json
{
"name": "ibrainmart",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@agm/core": "^1.1.0",
"@angular/animations": "^8.1.3",
"@angular/cdk": "^8.2.3",
"@angular/common": "~8.1.3",
"@angular/compiler": "~8.1.3",
"@angular/core": "~8.1.3",
"@angular/forms": "~8.1.3",
"@angular/material": "^8.1.2",
"@angular/platform-browser": "~8.1.3",
"@angular/platform-browser-dynamic": "~8.1.3",
"@angular/router": "~8.1.3",
"@aws-amplify/ui": "^1.0.23",
"@fortawesome/angular-fontawesome": "^0.5.0",
"@fortawesome/free-solid-svg-icons": "^5.10.1",
"@ng-bootstrap/ng-bootstrap": "^5.1.1",
"@ng-select/ng-select": "^3.0.7",
"angular-animate": "^1.7.8",
"angular-bootstrap-datetimepicker": "^4.0.2",
"angular-font-awesome": "^3.1.2",
"angular-material": "^1.1.19",
"angular-messages": "^1.7.8",
"angular-multiple-select": "^1.1.3",
"angular-popper": "^2.0.1",
"angular-sortablejs": "^2.7.0",
"aws-amplify": "^1.1.36",
"aws-amplify-angular": "^3.0.11",
"bootstrap": "^4.4.1",
"bootstrap-table": "^1.15.3",
"bootstrap4-toggle": "^3.5.0",
"dropify": "^0.2.2",
"e": "0.0.4",
"font-awesome": "^4.7.0",
"guid-typescript": "^1.0.9",
"jquery": "^3.4.1",
"material-design-icons": "^3.0.1",
"moment": "^2.24.0",
"ng-pick-datetime": "^7.0.0",
"ng-sortgrid": "^1.3.3",
"ngx-bootstrap": "^5.1.1",
"ngx-float-button": "^1.0.0",
"ngx-google-places-autocomplete": "^2.0.4",
"ngx-highlightjs": "^4.0.2",
"ngx-image-cropper": "^2.1.2",
"ngx-image-editor": "^1.4.1",
"ngx-paypal": "^5.0.0",
"ngx-quill": "^7.3.12",
"ngx-select-dropdown": "^1.1.0",
"ngx-sortablejs": "^3.1.3",
"open-iconic": "^1.1.1",
"paypal-checkout": "^4.0.308",
"popper.js": "^1.15.0",
"quill": "^1.3.7",
"rxjs": "~6.4.0",
"sortablejs": "^1.10.0-rc3",
"tslib": "^1.9.0",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.801.3",
"@angular/cli": "^8.3.23",
"@angular/compiler-cli": "~8.1.3",
"@angular/language-service": "~8.1.3",
"@types/googlemaps": "^3.39.1",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "~2.0.3",
"@types/jquery": "^3.3.31",
"@types/node": "~8.9.4",
"codelyzer": "^5.0.0",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~4.1.0",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "~2.0.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.4.0",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.4.3"
}
}
tsconfig.json
`{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"module": "esnext",
"moduleResolution": "node",
"importHelpers": true,
"target": "es2015",
"types": ["googlemaps"],
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2018",
"dom"
]
},
"angularCompilerOptions": {
"fullTemplateTypeCheck": false,
"strictInjectionParameters": true
}
}
`
有人可以告诉我为什么我得到这个错误
angular.json
`{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"ibrainmart": {
"projectType": "application",
"schematics": {},
"root": "",
"sourceRoot": "src",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/XX",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.app.json",
"aot": false,
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css",
"node_modules/ngx-select-dropdown/dist/assets/style.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js",
"node_modules/dropify/dist/js/dropify.js"
]
},
"configurations": {
"DEV": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.dev.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [
{
"type": "initial",
"maximumWarning": "4mb",
"maximumError": "5mb"
}
]
},
"STAG": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.stage.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [
{
"type": "initial",
"maximumWarning": "4mb",
"maximumError": "5mb"
}
]
},
"PROD": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [
{
"type": "initial",
"maximumWarning": "8mb",
"maximumError": "10mb"
}
]
},
"LIVE": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.live.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"aot": true,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [
{
"type": "initial",
"maximumWarning": "4mb",
"maximumError": "5mb"
}
]
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "iXXXXX:build"
},
"configurations": {
"production": {
"browserTarget": "XXXX:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "XXX:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.spec.json",
"karmaConfig": "karma.conf.js",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css",
"./node_modules/bootstrap/dist/css/bootstrap.min.css",
"src/styles.css"
],
"scripts": []
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"tsconfig.app.json",
"tsconfig.spec.json",
"e2e/tsconfig.json"
],
"exclude": [
"**/node_modules/**"
]
}
},
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "e2e/protractor.conf.js",
"devServerTarget": "XXX:serve"
},
"configurations": {
"production": {
"devServerTarget": "XXX:serve:production"
}
}
}
}
}
},
"defaultProject": "XXX"
}`
您有两种解决方案
如果您想了解更多信息,可以查看此链接https://github.com/ckeditor/ckeditor4-angular/issues/78
1.将buildOptimizer
您的package.json设置为false
"configurations": {
"DEV": {
...
"buildOptimizer": false,
},
"STAG": {
...
"buildOptimizer": false,
},
"PROD": {
...
"buildOptimizer": false,
},
"LIVE": {
...
"buildOptimizer": false,
}
}
},
2.更改angular-devkit的版本
"devDependencies": {
"@angular-devkit/architect": "~0.803.20",
"@angular-devkit/build-angular": "~0.803.20",
"@angular-devkit/core": "~8.3.20",
"@angular-devkit/schematics": "~8.3.20",
},
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句