Angular 错误ngx daterangepicker材质无法在环境上下文中声明访问器
你能帮我解决这个错误吗?这是my package.json错误 我不断地发现这个错误: 节点_模块/ngx daterangepicker材质/daterangepicker.component.d.ts(59,9)中出错:错误TS1086:无法在环境上下文中声明访问器Angular 错误ngx daterangepicker材质无法在环境上下文中声明访问器,angular,typescript,npm,ngx-daterangepicker-material,Angular,Typescript,Npm,Ngx Daterangepicker Material,你能帮我解决这个错误吗?这是my package.json错误 我不断地发现这个错误: 节点_模块/ngx daterangepicker材质/daterangepicker.component.d.ts(59,9)中出错:错误TS1086:无法在环境上下文中声明访问器 "@agm/core": "^1.0.0-beta.7", "@angular/animations": "~8.0.3", "@angular/cdk": "^8.1.1", "@angular
"@agm/core": "^1.0.0-beta.7",
"@angular/animations": "~8.0.3",
"@angular/cdk": "^8.1.1",
"@angular/common": "~8.0.3",
"@angular/compiler": "~8.0.3",
"@angular/core": "~8.0.3",
"@angular/forms": "~8.0.3",
"@angular/material": "^8.1.1",
"@angular/material-moment-adapter": "^8.1.1",
"@angular/platform-browser": "~8.0.3",
"@angular/platform-browser-dynamic": "~8.0.3",
"@angular/router": "~8.0.3",
"@fortawesome/angular-fontawesome": "^0.4.0",
"@fortawesome/fontawesome-svg-core": "^1.2.28",
"@fortawesome/free-solid-svg-icons": "^5.13.0",
"@syncfusion/ej2-angular-calendars": "^17.4.51",
"@types/jquery": "^3.3.35",
"acorn": "^6.4.1",
"angular-hammer": "^2.2.0",
"angular-svg-icon": "^8.0.0",
"bootstrap": "^4.3.1",
"mat-range-datepicker": "^1.0.5",
"moment": "^2.24.0",
"ng2-datepicker": "^2.3.1",
"ng2-tooltip-directive": "^2.9.20",
"ngx-daterangepicker-material": "^2.2.1",
"ngx-drag-scroll": "^8.0.0-beta.2",
"ngx-infinite-scroll": "^8.0.2",
"ngx-material-timepicker": "^5.5.1",
"popper.js": "^1.15.0",
"pretty-checkbox": "^3.0.3",
"rxjs": "~6.4.0",
"tslib": "^1.11.1",
"xlsx": "^0.15.6",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.800.6",
"@angular/cli": "~8.0.6",
"@angular/compiler-cli": "~8.0.3",
"@angular/language-service": "~8.0.3",
"@types/jasmine": "~3.3.8",
"@types/jasminewd2": "~2.0.3",
"@types/node": "~8.9.4",
"codelyzer": "^5.2.2",
"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.5.3",
"protractor": "~5.4.0",
"ts-node": "~7.0.0",
"tslint": "~5.15.0",
"typescript": "~3.4.3"
}
``
thank you
我刚刚通过以下步骤解决了这个问题
它将成功编译我通过以下两个步骤解决了这个问题
package.json
npm i ngx日期范围选择器-material@2.2.0
它将成功编译要解决此问题,我们必须检查项目中使用的
角度版本
。基于angular版本,我们必须更新package.json
中的ngx daterangepicker材料
库
检查以下内容,为您的angular project找到合适的库版本:
版本:
Angular ngx-daterangepicker-material
>=9.0.0 v2.3.x and v3.x
<9.0.0 v2.2.x and below
嗨,我也有同样的问题,但我尝试更改版本,但不起作用
{
"name": "metronic-angular",
"version": "6.1.8",
"description": "Packages used by Angular",
"scripts": {
"ng": "ng",
"start": "node --max_old_space_size=8192 node_modules/@angular/cli/bin/ng serve",
"build": "ng build --prod",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"bundle-report": "webpack-bundle-analyzer dist/stats.json",
"rtl": "webpack"
},
"private": true,
"dependencies": {
"@angular/animations": "^8.2.14",
"@angular/cdk": "^8.2.3",
"@angular/common": "^8.2.14",
"@angular/compiler": "^8.2.14",
"@angular/core": "^8.2.14",
"@angular/forms": "^8.2.14",
"@angular/platform-browser": "^8.2.14",
"@angular/platform-browser-dynamic": "^8.2.14",
"@angular/platform-server": "^8.2.14",
"@angular/router": "^8.2.14",
"@fortawesome/fontawesome-free": "^5.12.0",
"@ng-bootstrap/ng-bootstrap": "^5.1.5",
"@ngrx/effects": "^8.6.0",
"@ngrx/entity": "^8.6.0",
"@ngrx/router-store": "^8.6.0",
"@ngrx/store": "^8.6.0",
"@ngrx/store-devtools": "^8.6.0",
"@ngx-loading-bar/core": "^4.2.0",
"@ngx-translate/core": "^11.0.1",
"@types/lodash": "^4.14.149",
"angular-in-memory-web-api": "^0.8.0",
"bootstrap": "^4.4.1",
"chart.js": "^2.9.3",
"chartist": "^0.11.4",
"classlist.js": "^1.1.20150312",
"core-js": "^3.6.2",
"hammerjs": "^2.0.8",
"highlight.js": "^9.17.1",
"lodash": "^4.17.11",
"material-design-icons": "^3.0.1",
"moment": "^2.24.0",
"ng-inline-svg": "^9.2.2",
"ngrx-store-freeze": "^0.2.4",
"ngx-clipboard": "^12.3.0",
"ngx-daterangepicker-material": "^2.11.1", // change version but the problem persist
"ngx-highlightjs": "^3.0.3",
"ngx-perfect-scrollbar": "^8.0.0",
"ngx-permissions": "^7.0.3",
"object-path": "^0.11.4",
"perfect-scrollbar": "^1.4.0",
"popper.js": "^1.16.0",
"rxjs": "^6.5.4",
"socicon": "^3.0.5",
"tooltip.js": "^1.3.3",
"tslib": "^1.10.0",
"web-animations-js": "^2.3.2",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.800.6",
"@angular/cli": "^8.3.22",
"@angular/compiler-cli": "^8.2.14",
"@angular/language-service": "^8.2.14",
"@angular/material": "^8.2.3",
"@angular/material-moment-adapter": "^8.2.3",
"@ngrx/schematics": "^8.6.0",
"@types/chartist": "^0.9.46",
"@types/highlight.js": "^9.12.3",
"@types/jasmine": "^3.5.0",
"@types/jasminewd2": "^2.0.8",
"@types/node": "^12.12.24",
"@types/object-path": "^0.11.0",
"codelyzer": "^5.2.1",
"css-loader": "^3.4.1",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^4.4.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "^2.1.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.5.1",
"node-sass": "^4.13.0",
"protractor": "~5.4.2",
"ts-node": "~8.2.0",
"tslint": "~5.17.0",
"typescript": "~3.4.5",
"webpack-bundle-analyzer": "^3.6.0",
"webpack-cli": "^3.3.10",
"webpack-messages": "^2.0.4",
"webpack-rtl-plugin": "^2.0.0"
}
}对于metronic angular 6.1.8,我花了8个小时,但我解决了
- 已删除package-lock.json
- 已删除节点\u模块文件夹
- npm安装
ng serve
received TS1086 error,请不要担心
现在推出:
- npm i ngx日期范围选择器-material@2.2.0
- npm imoment@2.18.1
- 已删除package-lock.json
- 已删除节点\u模块文件夹
- 在package.json中,删除库ngx daterangepicker材质(“ngx daterangepicker材质“^2.1.11”->“ngx daterangepicker材质”:“2.1.11”)
- 将版本力矩从^2.24.0增加到2.25.3(删除^2,“力矩”:“^2.24.0”->“力矩”:“2.25.3”
现在所有的工作都在进行中,包括ng serve和THEAN build.。我尝试了上面提出的所有解决方案,但它们并没有为我解决问题。 但是,我通过简单地更改软件包版本解决了这个问题: “ngx daterangepicker材料”:“2.1.9” 然后 -正在删除节点\u模块文件夹 -npm安装 -服务工程 -ng build--prod--aot=true也可以工作
当我为标签npm安装ngx芯片时,我也遇到了同样的问题。现在,我也不能编译并获得解决问题的相同问题。对我来说,这实际上也解决了这个问题,但我无法解释如何…更改版本,但问题仍然存在。请在完成package.json更改后执行“npm安装”,并检查角度版本是否小于9使用“ngx daterangepicker材料”版本2.2.0并使用build命令进行检查。解决我的问题的答案在解释pasquale carucci中。谢谢,我真不敢相信我要的答案是来自你,帕斯夸尔!在stackoverflow上随机选择一个答案,真是难以置信!不管怎样,这对我来说很有效,非常感谢,希望很快能收到你的来信!这个答案让我免于数小时的搜索!
{
"name": "metronic-angular",
"version": "6.1.8",
"description": "Packages used by Angular",
"scripts": {
"ng": "ng",
"start": "node --max_old_space_size=8192 node_modules/@angular/cli/bin/ng serve",
"build": "ng build --prod",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"bundle-report": "webpack-bundle-analyzer dist/stats.json",
"rtl": "webpack"
},
"private": true,
"dependencies": {
"@angular/animations": "^8.2.14",
"@angular/cdk": "^8.2.3",
"@angular/common": "^8.2.14",
"@angular/compiler": "^8.2.14",
"@angular/core": "^8.2.14",
"@angular/forms": "^8.2.14",
"@angular/platform-browser": "^8.2.14",
"@angular/platform-browser-dynamic": "^8.2.14",
"@angular/platform-server": "^8.2.14",
"@angular/router": "^8.2.14",
"@fortawesome/fontawesome-free": "^5.12.0",
"@ng-bootstrap/ng-bootstrap": "^5.1.5",
"@ngrx/effects": "^8.6.0",
"@ngrx/entity": "^8.6.0",
"@ngrx/router-store": "^8.6.0",
"@ngrx/store": "^8.6.0",
"@ngrx/store-devtools": "^8.6.0",
"@ngx-loading-bar/core": "^4.2.0",
"@ngx-translate/core": "^11.0.1",
"@types/lodash": "^4.14.149",
"angular-in-memory-web-api": "^0.8.0",
"bootstrap": "^4.4.1",
"chart.js": "^2.9.3",
"chartist": "^0.11.4",
"classlist.js": "^1.1.20150312",
"core-js": "^3.6.2",
"hammerjs": "^2.0.8",
"highlight.js": "^9.17.1",
"lodash": "^4.17.11",
"material-design-icons": "^3.0.1",
"moment": "^2.24.0",
"ng-inline-svg": "^9.2.2",
"ngrx-store-freeze": "^0.2.4",
"ngx-clipboard": "^12.3.0",
"ngx-daterangepicker-material": "^2.11.1", // change version but the problem persist
"ngx-highlightjs": "^3.0.3",
"ngx-perfect-scrollbar": "^8.0.0",
"ngx-permissions": "^7.0.3",
"object-path": "^0.11.4",
"perfect-scrollbar": "^1.4.0",
"popper.js": "^1.16.0",
"rxjs": "^6.5.4",
"socicon": "^3.0.5",
"tooltip.js": "^1.3.3",
"tslib": "^1.10.0",
"web-animations-js": "^2.3.2",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.800.6",
"@angular/cli": "^8.3.22",
"@angular/compiler-cli": "^8.2.14",
"@angular/language-service": "^8.2.14",
"@angular/material": "^8.2.3",
"@angular/material-moment-adapter": "^8.2.3",
"@ngrx/schematics": "^8.6.0",
"@types/chartist": "^0.9.46",
"@types/highlight.js": "^9.12.3",
"@types/jasmine": "^3.5.0",
"@types/jasminewd2": "^2.0.8",
"@types/node": "^12.12.24",
"@types/object-path": "^0.11.0",
"codelyzer": "^5.2.1",
"css-loader": "^3.4.1",
"jasmine-core": "~3.4.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "^4.4.1",
"karma-chrome-launcher": "~2.2.0",
"karma-coverage-istanbul-reporter": "^2.1.1",
"karma-jasmine": "~2.0.1",
"karma-jasmine-html-reporter": "^1.5.1",
"node-sass": "^4.13.0",
"protractor": "~5.4.2",
"ts-node": "~8.2.0",
"tslint": "~5.17.0",
"typescript": "~3.4.5",
"webpack-bundle-analyzer": "^3.6.0",
"webpack-cli": "^3.3.10",
"webpack-messages": "^2.0.4",
"webpack-rtl-plugin": "^2.0.0"
}