Skip to content

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

Open
@NathanWailes

Description

@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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions