//my gulpfile:

const gulp = require('gulp');
const sass = require('gulp-sass');
const browserSync = require('browser-sync').create();

function style() { 
    return gulp.src('_frontend/scss/**/*.scss') 
    .pipe(sass().on('error',sass.logError))
    .pipe(gulp.dest('../assets/css'))
    .pipe(browserSync.stream()); }
function watch() {                      
    browserSync.init({
        server: {                             
          baseDir: "./_frontend",
           index: "/index.html"
       }
    });                     
gulp.watch('_frontend/scss/**/*.scss', style)                     gulp.watch('./*.html').on('change',browserSync.reload);                     gulp.watch('./js/**/*.js').on('change', browserSync.reload); }        

exports.style = style;
exports.watch = watch; 

<link rel="stylesheet" type="text/css" href="assets/css/styles.css">                    I 

get this mistake : Refused to apply style from 'http://localhost:3000/assets/css/styles.css' because                   its                   
MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME                   checking is enabled.

//this is my folder organization:

  |_frontend
      |-assets
      |-css
      |-js
      |-scss
         |-styles.css
      |-index.html
   | assets
       | css
           | style.css
   |-gulpfile.js
   | package.json       

where is the mistake? can someone explain me what am I doing wrong?