Typescript throws a "Cannot read property 'length' of undefined" when run through gulp

See also questions close to this topic

• Secure isolation of two Javascript code bases in the same runtime?

  Assume I have two separate Javascript code bases that I am using at the same time in the same runtime. (E.g. two libraries.) I would like to be able to be certain that code base A can do nothing whatsoever to spy on, or interfere with anything that code base B is doing.

  I doubt that's possible in plain Javascript, but what about some derivative like some version of TypeScript? I'm also interested in any experimental projects anybody might be aware of that do something like this.

  Both/either browser-based runtime and server-side runtime.
• How to use React Context's with Hooks?

  In my application, I'm trying to use React Context's with setState.

  const userContext = React.createContext([{ user: {} }, () => {}]);
  const userHook = useState({ user: {} });
  
  <userContext.Provider value={userHook}>
  // some other code here
  </userContext.Provider>
  

  However, I'm getting this error in my linter: .

  Could anyone point me in the right direction?

  Also, when I try to use React.createContext() like in many tutorials, e.g.:

  const ThemeContext = createContext(["green", () => {}]);
  

  I get another linter error about an unexpected empty arrow function. How do I fix that?
• Sort data in react table - not alphabitacelly, but specific order

  I am first time playing with the React and I would like to sort data by column "Status", but not alphabetically, but with the specific order, let's say B, A, C and vice versa.

  I have data as:

  export interface Delivery {
    id: number;
    name: string;
    amount: number;
    status: string;
    eta?: number;
  }
  
  export const getDeliveries = (): Promise<Delivery[]> => {
    return new Promise((resolve) => {
      setTimeout(() => {
        const data = [
          {
            id: 1,
            name: "Delivery 1",
            amount: 3,
            status: "A",
            eta: 15
          },
          {
            id: 2,
            name: "Delivery 2",
            amount: 5,
            status: "C"
          },
          {
            id: 3,
            name: "Delivery 3",
            amount: 3,
            status: "A",
            eta: 10
          },
          {
            id: 4,
            name: "Delivery 4",
            amount: 4,
            status: "B"
          },
          {
            id: 5,
            name: "Delivery 5",
            amount: 3,
            status: "A",
            eta: 25
          },
          {
            id: 6,
            name: "Delivery 6",
            amount: 3,
            status: "C",
            eta: 5
          }
        ];
  
        resolve(data);
      }, 1000);
    });
  };
  

  Thanks for any help or tip!
• form-control is-invalid not working in bootstrap 4.6 with npm/gulp

  'form-control is-invalid' works when I install bootstrap 4.0 via npm and compile with gulp but bootstrap 4.6 it does not work with. I have looked into this and googled a lot and I am not sure what the issue is.

  My bootstrap4.scss file is this:

  // custom changes
  $font-size-base : 0.9rem;/*match bootstrap 3 font size*/
  
  @import "node_modules/bootstrap/scss/bootstrap";
  

  Does anyone have any ideas for how to get this to work?
• 4 moderate severity vulnerabilities Vue CLI

  I am trying to fix these issues on my VUE CLI installation Will anyone know how?

  Will install @vue/cli-service@4.1.1, which is a breaking change
  node_modules/@vue/cli-service/node_modules/ssri
    @vue/cli-service  4.0.0-alpha.0 - 4.5.12
    Depends on vulnerable versions of ssri
    Depends on vulnerable versions of terser-webpack-plugin
    node_modules/@vue/cli-service
    cacache  10.0.4 - 11.0.0 || 13.0.0 - 14.0.0
    Depends on vulnerable versions of ssri
    node_modules/@vue/cli-service/node_modules/cacache
      terser-webpack-plugin  2.1.1 - 2.3.8
      Depends on vulnerable versions of cacache
      node_modules/@vue/cli-service/node_modules/terser-webpack-plugin
  
• Locally installed --save-dev eslint doesn't work

  I was trying to do as in this tutorial . I installed eslint locally by executing the command

  npm i --save-dev eslint
  

  and then i started the config by typing:

  eslint --init
  

  but i got : eslint: command not found error

  or

  ./node_modules/.bin/eslint --init
  

  i got : .: command not found error

  Then i installed it globally and run the config again, it only reach the question

  √ Would you like to install them now with npm?
  

  and then quit without adding the .eslintrc file and eslint didn't start detecting code mistakes on the visual code editor.

  I then added manually an .eslintrc but it never worked too

  
• Gulp ReferenceError: let is not defined

  I enter gulp into the terminal and this problem arises. what is the essence of the problem and how to solve it?
• Coursera course's Gulp Issue

  I took a Coursera course where there is no follow up with instructor nor TA... and the course is very out dated

  I've been looking everywhere there seems to be no answer

  I had to uninstall and install node v14.16.1 and then upgraded gulp to latest v4.0.2

  I've done what it says

  rebuilt dependencies successfully

  but when I run gulp after it still gives me the same message to run 'npm rebuild node-sass'.....

  ---------script file------------- 'use strict';

  var gulp = require('gulp'),
      sass = require('gulp-sass'),
      browserSync = require('browser-sync');
  
  gulp.task('sass', function () {
      return gulp.src('./css/*.scss')
      .pipe(sass().on('error', sass.logError))
      .pipe(gulp.dest('./css'));
  });
  
  gulp.task('sass:watch', function () {
  gulp.watch('./css/*.scss', ['sass']);
  });
  
  gulp.task('browser-sync', function () {
       var files = [
          './*.html',
          './css/*.css',
          './img/*.{png,jpg,gif}',
          './js/*.js'
       ];
  
       browserSync.init(files, {
          server: {
             baseDir: "./"
          }
       });
  
  });
  
      // Default task
  gulp.task('default', ['browser-sync'], function() {
  gulp.start('sass:watch');
  });
  
  
  
  ---------command prompt------------
  C:\Users\Jie Eun Lee\Desktop\FEWUIFT\Bootstrap4\Bootstrap4\conFusion>gulp
  Error: Missing binding C:\Users\Jie Eun Lee\Desktop\FEWUIFT\Bootstrap4\Bootstrap4\conFusion\node_modules\node-sass\vendor\win32-x64-83\binding.node
  Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 14.x
  
  Found bindings for the following environments:
    - Windows 64-bit with Node.js 6.x
  
  This usually happens because your environment has changed since running `npm install`.
  Run `npm rebuild node-sass` to download the binding for your current environment.
      at module.exports (C:\Users\Jie Eun Lee\Desktop\FEWUIFT\Bootstrap4\Bootstrap4\conFusion\node_modules\node-sass\lib\binding.js:15:13)
      at Object.<anonymous> (C:\Users\Jie Eun Lee\Desktop\FEWUIFT\Bootstrap4\Bootstrap4\conFusion\node_modules\node-sass\lib\index.js:14:35)
      at Module._compile (internal/modules/cjs/loader.js:1063:30)
      at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
      at Module.load (internal/modules/cjs/loader.js:928:32)
      at Function.Module._load (internal/modules/cjs/loader.js:769:14)
      at Module.require (internal/modules/cjs/loader.js:952:19)
      at require (internal/modules/cjs/helpers.js:88:18)
      at Object.<anonymous> (C:\Users\Jie Eun Lee\Desktop\FEWUIFT\Bootstrap4\Bootstrap4\conFusion\node_modules\gulp-sass\index.js:166:21)
      at Module._compile (internal/modules/cjs/loader.js:1063:30)
  
• Redirect request coming from IP/$url to IP:port using GULP

  I need to modify a working GULP task that someone else wrote:

  gulp.task('webserver', gulp.series(async function() {
          server = connect.server({
                  port: 1234,
                  https: false,
          });
  }));
  

  I would like to redirect requests coming from Nginx let's say /mywebapp url to localhost:1234 in GULP, and I have never done such thing before. I have tried to insert middleware code, but I haven't succeded yet. Can anyone please help me with this?