Can't bind to 'drag-scroll-XXXXXXXXX' since it isn't a known property of 'drag-scroll'.

[NathanWailes]

• I'm submitting a ...

  • bug report
  • feature request
  • support request => Please do not submit support request here, see note at the top of this template.

• Do you want to request a feature or report a bug?

Report a bug

• What is the current behavior?

When I try to build a project on some Windows machines, I get the error NG8002: Can't bind to 'drag-scroll-y-disabled' since it isn't a known property of 'drag-scroll'. I can build my project on my Windows 10 laptop but not on my Windows desktop, and my coworker gets the same error on his computer.

I seem to be able to get past the error by adding 'NO_ERRORS_SCHEMA' to the '@Component.schemas' of my component but I haven't yet verified that the component works properly (I'm running into other errors preventing me from checking).

• If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem you can use the demo site as an example or via https://plnkr.co

I'll create one, I just want to submit this ticket now before I forget.

• What is the expected behavior?

The project should build without errors.

• What is the motivation / use case for changing the behavior?

• Please tell us about your environment:

  • Version: 1.0.0
  • Browser: all

{
  "name": "acl-fan-zone",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "build-qa": "ng build --configuration=qa",
    "watch": "ng build --watch --configuration development",
    "test": "ng test",
    "postinstall": "patch-package"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^15.0.4",
    "@angular/cdk": "^15.0.3",
    "@angular/common": "^15.0.4",
    "@angular/compiler": "^15.0.4",
    "@angular/core": "^15.0.4",
    "@angular/forms": "^15.0.4",
    "@angular/google-maps": "^15.1.4",
    "@angular/material": "^15.0.3",
    "@angular/platform-browser": "^15.0.4",
    "@angular/platform-browser-dynamic": "^15.0.4",
    "@angular/router": "^15.0.4",
    "@auth0/angular-jwt": "^5.1.2",
    "@capacitor/android": "^4.7.1",
    "@capacitor/angular": "^2.0.3",
    "@capacitor/browser": "^4.1.0",
    "@capacitor/core": "^4.7.1",
    "@capacitor/geolocation": "^4.1.0",
    "@capacitor/ios": "^4.7.1",
    "@capacitor/preferences": "^4.0.2",
    "@capacitor/share": "^4.1.1",
    "@capacitor/status-bar": "^4.1.1",
    "@capacitor/toast": "^4.1.0",
    "@ngneat/effects-ng": "^2.0.0",
    "@ngneat/elf": "^2.3.0",
    "@ngneat/elf-devtools": "^1.2.1",
    "@ngneat/elf-entities": "^4.4.3",
    "@ngneat/elf-persist-state": "^1.1.6",
    "@ngneat/elf-requests": "^1.5.1",
    "@ngneat/hot-toast": "^4.1.0",
    "@ngneat/overview": "^3.0.4",
    "@ngneat/query": "^1.0.0-beta.18",
    "cordova-plugin-screen-orientation": "^3.0.3",
    "es6-promise-plugin": "^4.2.2",
    "hammerjs": "^2.0.8",
    "highcharts": "^10.3.3",
    "ngx-drag-scroll": "^17.0.1",
    "ngx-spinner": "^15.0.1",
    "rxjs": "~7.8.0",
    "tslib": "^2.4.1",
    "zone.js": "~0.12.0"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^15.0.4",
    "@angular/cli": "^15.0.4",
    "@angular/compiler-cli": "^15.0.4",
    "@capacitor/assets": "^2.0.4",
    "@capacitor/cli": "^4.6.1",
    "@ngneat/aim": "^2.0.0",
    "@types/jasmine": "~4.3.1",
    "@types/node": "^18.11.17",
    "jasmine-core": "~4.5.0",
    "karma": "~6.4.1",
    "karma-chrome-launcher": "~3.1.1",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.0.0",
    "patch-package": "^7.0.0",
    "typescript": "~4.8.4"
  },
  "prettier": {
    "singleQuote": false
  }
}

• Other information (e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, links for us to have context, eg. stackoverflow, gitter, etc)

Error: src/app/submodules/acl-brackets/bracket-selector/bracket-selector.component.html:1:49 - error NG8002: Can't bind to 'drag-scroll-y-disabled' since it isn't a known property of 'drag-scroll'.
1. If 'drag-scroll' is an Angular component and it has 'drag-scroll-y-disabled' input, then verify that it is included in the '@Component.imports' of this component.
2. If 'drag-scroll' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@Component.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@Component.schemas' of this component.

1 <drag-scroll class="bracket-selector-container" [drag-scroll-y-disabled]="true">
                                                  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  src/app/submodules/acl-brackets/bracket-selector/bracket-selector.component.ts:20:16
    20   templateUrl: "bracket-selector.component.html",
                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component BracketSelectorComponent.




× Failed to compile.