title: Gulp "Task never defined: default"
body: <p>how to fix my problem?
  Here is my gulpfile.js</p>
  <pre><code>const gulp = require('gulp');
  const webp = require('gulp-webp');
  const browserSync = require('browser-sync');
  
  const origin = 'app';
  const destination = 'app';
  
  gulp.task('webp', () =&gt;
  gulp
  .src(`${origin}/img/**`)
  .pipe(webp())
  .pipe(gulp.dest(`${destination}/img`))
  );
  
  gulp.task('live', function () {
  gulp.watch('**/*.css').on('change', function () {
  browserSync.reload();
   });
  });
  </code></pre>
  <p>And here is my package.json</p>
  <pre class="lang-json prettyprint-override"><code>{
   &quot;name&quot;: &quot;gulp-browsersync&quot;,
   &quot;version&quot;: &quot;1.0.0&quot;,
   &quot;description&quot;: &quot;&quot;,
   &quot;main&quot;: &quot;index.js&quot;,
   &quot;scripts&quot;: {
     &quot;test&quot;: &quot;echo \&quot;Error: no test specified\&quot; &amp;&amp; exit 1&quot;,
     &quot;watch&quot;: &quot;node-sass --watch app/scss -o app/css&quot;
   },
   &quot;keywords&quot;: [],
   &quot;author&quot;: &quot;&quot;,
   &quot;license&quot;: &quot;ISC&quot;,
   &quot;devDependencies&quot;: {
     &quot;browser-sync&quot;: &quot;^2.26.10&quot;,
     &quot;gulp&quot;: &quot;^4.0.2&quot;,
     &quot;gulp-webp&quot;: &quot;^4.0.1&quot;,
     &quot;node-sass&quot;: &quot;^4.14.1&quot;
   },
   &quot;dependencies&quot;: {}
   }
  </code></pre>
  <p>And this is my terminal log</p>
  <blockquote>
  <pre class="lang-none prettyprint-override"><code>[13:39:25] Using gulpfile ~\Desktop\gulp-browsersync-main\gulpfile.js
  [13:39:25] Task never defined: default
  [13:39:25] To list available tasks, try running: gulp --tasks  
  </code></pre>
  </blockquote>