Gulp unhandled error 182

Question

I have a django blog project, and am trying to use bower to manage my packages.

When running 'gulp' from my console, I get the following error :

(py3) ➜  nomadpad git:(master) ✗ gulp
[15:16:15] Using gulpfile ~/code/nomadpad/gulpfile.js
[15:16:15] Starting 'css'...
[15:16:16] Finished 'css' after 1.23 s
[15:16:16] Starting 'html'...
[15:16:16] Finished 'html' after 3.38 ms
[15:16:16] Starting 'scripts'...
[15:16:16] Finished 'scripts' after 4.43 ms
[15:16:16] Starting 'default'...
[15:16:16] Finished 'default' after 38 μs

events.js:182
      throw er; // Unhandled 'error' event
  ^
CssSyntaxError: /Users/davidmellor/code/nomadpad/bower_components/jquery/dist/jquery.js:756:9: Unknown word
at Input.error (/Users/davidmellor/code/nomadpad/node_modules/postcss/lib/input.js:119:22)
at Parser.unknownWord (/Users/davidmellor/code/nomadpad/node_modules/postcss/lib/parser.js:506:26)
at Parser.other (/Users/davidmellor/code/nomadpad/node_modules/postcss/lib/parser.js:171:18)
at Parser.parse (/Users/davidmellor/code/nomadpad/node_modules/postcss/lib/parser.js:84:26)
at parse (/Users/davidmellor/code/nomadpad/node_modules/postcss/lib/parse.js:24:16)
at new LazyResult (/Users/davidmellor/code/nomadpad/node_modules/postcss/lib/lazy-result.js:70:24)
at Processor.process (/Users/davidmellor/code/nomadpad/node_modules/postcss/lib/processor.js:117:12)
at /Users/davidmellor/code/nomadpad/node_modules/gulp-postcss/index.js:51:12
at <anonymous>
at process._tickCallback (internal/process/next_tick.js:169:7)

My bower.json in the root folder looks like this :

{
  "name": "blog_postcssgulp",
  "description": "",
  "main": "gulpfile.js",
  "authors": [
    "DMells <dave@davemellor.com>"
  ],
  "license": "ISC",
  "homepage": "https://github.com/DMells/nomadpad",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ],
  "dependencies": {
    "jquery": "^3.3.1",
    "modernizr": "^3.5.0"
  }
}

I'm not sure what to do here, please can anyone assist?

Many thanks

Answer 1

If anyone else comes across this, I found the solution by removing my bower_components folder and then reinstalling bower, as well as the jquery package.

npm install bower --save-dev

And then the jquery package:

bower install jquery --save-dev