Angular4 - npm jQuery TS1005 Error: ',' expected

My project was fine until the moment I installed jquery packages through:

npm install jquery

and

npm install -D @types/jquery

After that, I got some errors and decided to use jQuery using script tags in the index file. Therefore, I tried to remove installed packages:

npm uninstall jquery
npm uninstall @types/jquery

Also tried to use sudoand / or --saveand / or --save-devas:

sudo npm uninstall jquery --save-dev

Uninstalation progress went well, according to the console:

1 package removed in 2.199s

But I was still getting an error while trying npm start:

node_modules/@types/jquery/index.d.ts(47,40): TS1005: ',' . node_modules/@types/jquery/index.d.ts(2370,40): TS1005: ',' . node_modules/@/JQuery/index.d.ts(2372,46): TS1005: ',' . node_modules/@types/jquery/index.d.ts(2483,23): TS1005: ',' . ...

, nodemodules/@types jquery, , :

node_modules/@types/angular -animate/index.d.ts(6,1): TS2688: "jquery". node_modules/@types/angular/index.d.ts(6,1): TS2688: 'jquery'. node_modules/@types/angular/index.d.ts(86,18): TS2304: Can not "JQueryStatic". node_modules/@types/angular/index.d.ts(2004,46): TS2304: "JQueryStatic". src/app/search.component.ts(14,19): TS2339: 'target' '{}'. npm ERR! ELIFECYCLE npm ERR! errno 2 npm ERR! angular -tut@1.0.0 build: tsc -p src/ npm ERR! 2

, jQuery, node_modules (@types/angular)?

UPDATE:


@selemmn, catch:

rm -r node_modules

npm cache clean :

npm ERR! npm @5, npm- - , , . , , 'npm cache verify' . npm ERR! npm ERR! , , --force.

:

npm cache clean --force

npm install

:

node -pre-gyp ERR! stack TypeError: 'version' of

, gitHub package-lock.json .

npm start :

node_modules/@types/jquery/index.d.ts(47,40): TS1005: ',' . node_modules/@types/jquery/index.d.ts(2370,40): TS1005: ',' . node_modules/@/JQuery/index.d.ts(2372,46): TS1005: ',' . node_modules/@types/jquery/index.d.ts(2483,23): TS1005: ',' . node_modules/@types/jquery/index.d.ts(2484,17): TS1005: ',' . node_modules/@/JQuery/index.d.ts(2485,17): TS1005: ',' . ..

package.json:

{
  "name": "angular-tut",
  "version": "1.0.0",
  "private": true,
  "description": "Example project from an angular.io guide.",
  "scripts": {
    "test:once": "karma start karma.conf.js --single-run",
    "build": "tsc -p src/",
    "serve": "lite-server -c=bs-config.json",
    "prestart": "npm run build",
    "start": "concurrently \"npm run build:watch\" \"npm run serve\"",
    "pretest": "npm run build",
    "test": "concurrently \"npm run build:watch\" \"karma start karma.conf.js\"",
    "pretest:once": "npm run build",
    "build:watch": "tsc -p src/ -w",
    "build:upgrade": "tsc",
    "serve:upgrade": "http-server",
    "build:aot": "ngc -p tsconfig-aot.json && rollup -c rollup-config.js",
    "serve:aot": "lite-server -c bs-config.aot.json",
    "build:babel": "babel src -d src --extensions \".es6\" --source-maps",
    "copy-dist-files": "node ./copy-dist-files.js",
    "i18n": "ng-xi18n",
    "lint": "tslint ./src/**/*.ts -t verbose"
  },
  "keywords": [],
  "author": "",
  "license": "MIT",
  "dependencies": {
    "@angular/animations": "4.0.3",
    "@angular/common": "~4.0.0",
    "@angular/compiler": "~4.0.0",
    "@angular/compiler-cli": "~4.0.0",
    "@angular/core": "~4.0.0",
    "@angular/forms": "~4.0.0",
    "@angular/http": "~4.0.0",
    "@angular/platform-browser": "~4.0.0",
    "@angular/platform-browser-dynamic": "~4.0.0",
    "@angular/platform-server": "~4.0.0",
    "@angular/router": "~4.0.0",
    "@angular/tsc-wrapped": "~4.0.0",
    "@angular/upgrade": "~4.0.0",
    "@ng-bootstrap/ng-bootstrap": "^1.0.0-alpha.26",
    "angular-in-memory-web-api": "~0.3.1",
    "core-js": "^2.4.1",
    "rxjs": "5.0.1",
    "systemjs": "0.19.39",
    "zone.js": "^0.8.4"
  },
  "devDependencies": {
    "@types/angular": "^1.6.20",
    "@types/angular-animate": "^1.5.7",
    "@types/angular-cookies": "^1.4.4",
    "@types/angular-mocks": "^1.5.10",
    "@types/angular-resource": "^1.5.9",
    "@types/angular-route": "^1.3.4",
    "@types/angular-sanitize": "^1.3.5",
    "@types/jasmine": "2.5.36",
    "@types/node": "^6.0.45",
    "babel-cli": "^6.16.0",
    "babel-preset-angular2": "^0.0.2",
    "babel-preset-es2015": "^6.16.0",
    "canonical-path": "0.0.2",
    "concurrently": "^3.0.0",
    "http-server": "^0.9.0",
    "jasmine": "~2.4.1",
    "jasmine-core": "~2.4.1",
    "karma": "^1.3.0",
    "karma-chrome-launcher": "^2.0.0",
    "karma-cli": "^1.0.1",
    "karma-jasmine": "^1.0.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "karma-phantomjs-launcher": "^1.0.2",
    "lite-server": "^2.2.2",
    "lodash": "^4.16.2",
    "phantomjs-prebuilt": "^2.1.7",
    "protractor": "~4.0.14",
    "rollup": "^0.41.6",
    "rollup-plugin-commonjs": "^8.0.2",
    "rollup-plugin-node-resolve": "2.0.0",
    "rollup-plugin-uglify": "^1.0.1",
    "source-map-explorer": "^1.3.2",
    "tslint": "^3.15.1",
    "typescript": "~2.2.0"
  },
  "repository": {}
}

2:


- - rm -r node_modules. paskage-lock.json , "jquery" , , npm install, package-lock.json

"@types/jquery": {
  "version": "3.2.3",
  "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.2.3.tgz",
  "integrity": "sha512-3/ETl4JziXnuFIx6W+WB7BzPGRnYH2O/AFKafSOulabMyAhRfv/oboEO2yytsRvzZDiLFODuydYbr7C0kudB9w==",
  "dev": true
},

, jQuery ?

+6
2

, package.json

"devDependencies": {
...
"@types/jquery": "^2.0.42",
...
}

UPDATE2, @types/jquery lib

+6

, , Typescript 2.2.0 2.3.

.

, -.

+10

All Articles