gulp-cache | A cache proxy task for Gulp | Frontend Framework library

I am trying to use KendoUI datetimepicker in my angular(1.x) project. When I directly reference the KendoUI js file in my index.html page, it works fine. But when i try to add a reference to it via gulp, it keeps on throwing the following error:

Uncaught ReferenceError: module is not defined at kendo.ui.core.js:1

In my package.json, I have

I had a simple javascript webpage and used gulp 3. Now (as I understand) node 10 crashes with gulp 3 so that ive upgraded to gulp 4. I have a very limited knowledge about gulp and read tutorials now on how to upgrade and I am still getting error: Task function must be specified.

Any help would be great. thanks!!

I'm trying to build environment using sudo gulp that raised this error:

I'm in the middle of making a website, and I use the command npm start to put it up on localhost. However, all of a sudden it stopped working after I had created two workspaces on Visual Studio Code Editor. It only gives me an error.

This is what the error looks like:

npm ERR! path C:\Users\audre\first-blog\package.json

npm ERR! code ENOENT

npm ERR! errno -4058

npm ERR! syscall open

npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\audre\first-blog\package.json'

npm ERR! enoent This is related to npm not being able to find a file.

npm ERR! enoent

npm ERR! A complete log of this run can be found in:

npm ERR! C:\Users\audre\AppData\Roaming\npm-cache_logs\2018-05-29T07_42_13_915Z-debug.log

I have no idea what that means. Can anyone help me? Thanks!

Edit: My package.json file contains the following:

I use browser sync and gulp to reload my page on change of every file in my project. It half works : sometimes I have to ctrl+F5 for the changes on my page to be displayed and then I just have to save for next changes and the browser sync reload is enough. Here my code :

I'm trying to create a gulpfile that works with scss and php.

All went well, but i tested it by changing an h1 from red to yellow. Browsersync kicked in. H1 was now yellow. Changed it to green. And it turned green. Yay! It works.

But when i change a php file, all css changed are gone. Even when i delete my style.css file, it doenst work 100%. Its like it caches the css?! I dont know where to look for the solution on this one.

Can anyone help me?

This is my gulpfile:

I have read every tutorial, stackoverflow question, discussion forum I can find on this topic and still cannot find a solution that works for me. I'm sure it's something simple I'm overlooking which is why I'm asking for help. here's my folder structure for reference.

• dist
  • css
  • img
  • js
  • index.html
• src
  • sass
  • img
  • js
  • index.html
• gulpfile.js
• package.json

browserSync will initialize correctly and show me the page in the browser. When I make a change to the html, css, or js files though, the terminal will tell me it's reloading the browser but then the browser never reloads. If i manually refresh the browser, then changes show correctly but browserSync is supposed to automatically refresh right?

Do i need to make some kind of return stream or .pipe(browserSync.stream()); at the end of my copy tasks?

I'm working on a angular 1 application. All is good when running the dev server but when building and trying to serve the prod serve (from dist) i get a module not found error.

I created my project with yeoman for what it's worth.

My bower.json file:

Let's say I have a JSON file with the pairs: