Category: javascript

When I Write This Code Give Me Error That:
Uncaught TypeError: Cannot read properties of undefined (reading ‘Price’).

My Code Is:

let Mahsol = [
    {
        id: 1,
        Name: "Modem",
        Price: 4200000 
    },

    {
        id: 2,
        Name: "Adaptor",
        Price: 1000000 
    },
    {
         id: 3,
          Name: "Kabl",
           Price: 120000
    },
    {
        id: 4, 
        Name: "Rtx4050", 
        Price: 40200000 
    },
    { 
    id: 5, 
    Name: "Rtx3070", 
    Price: 30000000 
    },
    {
     id: 6, 
     Name: "Rtx3060", 
     Price: 29000000 
    },
];
let Total = Mahsol.reduce((pre, pas) => {
   return  pre.Price;
    
});
console.log(Total)

i try it on console and it is okye and return me the price but then i use it to out of console give me error i expect to give me an price

I’m currently working on a vue2 project with google maps 3.54 (latest version), this is required to use this version because of advancedMarkers.

https://maps.googleapis.com/maps/api/js?key=${this.mapKey}&callback=isMapLoad&libraries=marker&v=3.54

I read all the documentation about styling a map, and i have done it before on other version. But i do not find the way ir.

I try to set a style on the init:

this.map = new google.maps.Map(document.getElementById('map'), {
  mapId: 'GMAP_ID',
  language: this.$i18n.locale,
  center: this.defaultCoords,
  zoom: this.zoom,
  styles: [
  {
    featureType: 'water',
    elementType: 'all',
    stylers: [
     {
       color: '#f40000',
     },
     {
       visibility: 'on',
     },
    ],
  }
 ]
})

Or after the init with:

const styledMapType = new google.maps.StyledMapType(
 [
  {
    featureType: 'water',
    elementType: 'all',
    stylers: [
     {
       color: '#f40000',
     },
     {
       visibility: 'on',
     },
    ],
  }
 ]
)
this.map.mapTypes.set('styled_map', styledMapType)
this.map.setMapTypeId('styled_map')

// i have added to my script url the libraries maps to have StyledMapType

I got no error, but nothing change in both cases. What can i try?

I’m currently handling a simple Typescript API with express who handle simple tasks.
For one case, I need to send a property which is of type:

export Toto = {
  ...
  rate: number | null
  ...
};

But the rate property may also be NaN. In fact, this property is a mere number with 2 special value: null and NaN.

The issue is even if I explicitly send NaN at the very end, my front end will receive null. After some investigation I discovered JSON.stringify() was replacing all my NaN entries by null, but I need both of them.

I do know a simple:

JSON.stringify(obj, (k, v) => Number.isNaN(v) ? "NaN" : v)

can solve this problem, but how to adapt it to express.js ?

I’m answering using:

res.status(200).json(obj);

I have created a mobile friendly game for my site and would like to make sure that the game pauses once a user opens their notification drawer/status bar if they’re visiting my app on their mobile device. This a web app, so only Javascript is at my disposal.

I’ve tried adding an onBlur listener to a parent component, and although it does detect when a user taps anywhere outside of the screen, the onBlur event doesn’t fire if I pull down the notification bar.

What are my options here?

import "./styles.css";
import * as React from "react";

export default function App() {
  const handleBlur = React.useCallback(() => {
    alert();
  }, []);

  return (
    <div
      tabIndex={0}
      style={{
        height: "100vh",
        width: "100%",
        backgroundColor: "beige"
      }}
      onBlur={handleBlur}
    ></div>
  );
}

when editing the text or writing the text in the Gujarati language the space is increasing while entering each letter. I want to remove extra space from i-text while typing in non-English languages like hindi, gujarati, etc.

Actual Result :

sample image 1

sample image 2

Expected Result :

I-text box size should be same as per the content it has.

The main goal of my development is to create a widget. this widget allow to retrieve audit objects with java by using REST API and maplist and then display audit objects into a table which will be in front of the web page.

Here is the error I have when compiling :

Widget instance #preview-14cfca: requireDs: Failed to load module "DS/ENODocumentChangeControlUX/MiniWidgetAssignment/QUMWidgetAssignment" due to error "scripterror" for module: ["DS/ENODocumentChangeControlUX/MiniWidgetAssignment/QUMWidgetAssignment"] Error: Script error for: DS/ENODocumentChangeControlUX/MiniWidgetAssignment/QUMWidgetAssignment http://requirejs.org/docs/errors.html#scripterror at makeError (https://vdevpril1107plp.dsone.3ds.com:444/3DDashboard/resources/20230510T184015Z/en/webapps/AmdLoader/AmdLoader.js:1:2563) at HTMLScriptElement.onScriptError (https://vdevpril1107plp.dsone.3ds.com:444/3DDashboard/resources/20230510T184015Z/en/webapps/AmdLoader/AmdLoader.js:1:17195) Error: Script error for: DS/ENODocumentChangeControlUX/MiniWidgetAssignment/QUMWidgetAssignment http://requirejs.org/docs/errors.html#scripterror at makeError (AmdLoader.js:1:2563) at HTMLScriptElement.onScriptError (AmdLoader.js:1:17195)

what i want is to resolve the error.

I have an array of objects.

var person = [{
  name: "John",
  surname: "Smith",
},
{
  name: "Jame",
  surname: "Smith",
},
{
  name: "Jonny",
  surname: "Smith",
},
];

I want an output of

John, Jane and Jonny 

How can I archive that in TypScrip

I have created a custom js editor in react typescript using div which is not an input box. In case of android i am facing problem because to open a native android keyboard so i have to make the div contenteditable due to which if i type from the native android keyboard it is typing in the placeholder although it is working fine in case of ios. I had also tried onBeforeinput approach for getting the input from android keyboard but it is not working in all scenarios. Any solution for this ?

I had also tried onBeforeinput approach for getting the input from android keyboard but it is not working in all scenarios.

I have the following form. It should allow the user to input multiple separate client names & attach an image next to each.

FTR, it outputs the concatenated text inputs perfectly, however only ever uploads the first image. Why is that?

Here’s a Fiddle, if needed: https://jsfiddle.net/oLsz2u0y/

$(function () {

    // Initially hide both divs
    $("#bulkContainer").hide();
    $(".individual").hide();

    // Listen for changes in the radio button selection
    $("input[name='bulkPayments']").change(function() {
      if ($(this).val() === "Yes") {
        // Show the bulk div and hide the individual div
        $("#bulkContainer").show();
        $(".individual").hide();
      } else if ($(this).val() === "No") {
        // Show the individual div and hide the bulk div
        $("#bulkContainer").hide();
        $(".individual").show();
      }
    });

    // Initialize the counter for generating unique names and IDs
    var counter = 1;

    // Add more sets when the "Add 1 more" button is clicked
    $("#addMore").click(function(event) {
      event.preventDefault(); // Prevent the default form submission
      // Clone the "bulk" section and update the attributes
      var newBulkSection = $(".bulk:first").clone();
      // Increment the counter for the next set and update the IDs and names
      counter++;
      newBulkSection.find("input[type=text]").attr("id", "clientName" + counter).attr("name", "clientName" + counter);
      newBulkSection.find("input[type=file]").attr("id", "attachments" + counter).attr("name", "attachments" + counter);
      // Clear input values in the new section (optional)
      newBulkSection.find("input[type=text]").val("");
      newBulkSection.find("input[type=file]").val("");
      // Append the newly modified section to the container
      $("#bulkContainer").append(newBulkSection);
      // Show the newly added section
      newBulkSection.show();
    });
  });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

<form action="data.php" method="POST" enctype="multipart/form-data">

          <div class="form-group">
            <label>Bulk Payments *:</label>
            <div class="radio">
              <label>
                <input type="radio" name="bulkPayments" value="Yes"> Yes
              </label>
            </div>
            <div class="radio">
              <label>
                <input type="radio" name="bulkPayments" value="No"> No
              </label>
            </div>
          </div>

          <div id="bulkContainer" style="display:none">
            <div class="bulk">
              <div class="row">
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="clientName1">Client Name *:</label>
                    <input type="text" class="form-control" id="clientName1" name="clientName1" placeholder="" required autocomplete="one-time-code">
                  </div>
                </div>
                <div class="col-md-6">
                  <div class="form-group">
                    <label for="attachment1">Attachment:</label>
                    <input type="file" class="form-control-file" id="attachment1" name="attachment1">
                  </div>
                </div>
              </div>
            </div>
          </div>

          <button id="addMore" class="btn">Add 1 more</button>
          
 </form>

I am using the following PHP to grab the form data:

// Initialize an array to store the client names
$clientNames = array();

// Loop through the input fields (maximum of 10?)
for ($i = 1; $i <= 10; $i++) { // Adjust the loop limit according to the number of fields
    $fieldName = "clientName" . $i;

    // Check if the field exists and has a value
    if (isset($_POST[$fieldName]) && !empty($_POST[$fieldName])) {
        // Add the client name to the array
        $clientNames[] = $_POST[$fieldName];
    }
}

// Join the client names using the pipe (|) symbol
$clientNamesString = implode("|", $clientNames);

// Output the result
echo "Client Names: " . $clientNamesString;

// Initialize an array to store the uploaded file names
$uploadedFileNames = array();

// Initialize a directory where you want to store the uploaded files
$uploadDirectory = "../uploads";

// Loop through the file input fields
for ($i = 1; $i <= 10; $i++) { // Adjust the loop limit according to the number of fields
    $fieldName = "attachment" . $i;

    // Check if a file was uploaded for this field
    if (isset($_FILES[$fieldName]) && $_FILES[$fieldName]['error'] === UPLOAD_ERR_OK) {
        // Generate a unique filename to avoid overwriting existing files
        $uniqueFileName = uniqid() . "_" . $_FILES[$fieldName]['name'];

        // Move the uploaded file to the upload directory
        if (move_uploaded_file($_FILES[$fieldName]['tmp_name'], $uploadDirectory . $uniqueFileName)) {
            // Add the uploaded file name to the array
            $uploadedFileNames[] = $uniqueFileName;
        }
    }
}

// Join the uploaded file names using the pipe (|) symbol
$uploadedFileNamesString = implode("|", $uploadedFileNames);

// Output the result
echo "Uploaded File Names: " . $uploadedFileNamesString;

I’m using ScrollReveal to animate some divs of my html file.
It works fine but I’ve noticed something:

• Using Google inspect to check on a mobile view, works fine;
• Viewing the page my desktop monitor (2560×1440, works fine;

But when I move the window to my laptop the last animated div just disappears. It starts doing the inverse animation.

Any ideas why?

I tried changing the {reset:”} to once, or always on my window.sr = ScrollReveal({reset: ‘true’}); to see if did anything or adding a ,mobile: 1300 to it but it didn’t do anything (this is what I found on the web)

is below events are enough to check if user is idle on website. (accessing website using laptop, tablet and automation testing script)

@HostListener('window:keydown', ['$event'])
@HostListener('window:onmousemove', ['$event'])
@HostListener('window:mousedown', ['$event'])
@HostListener('window:mousewheel', ['$event'])
@HostListener('window.ontouchstart', ['$event'])
@HostListener('window.onclick', ['$event'])
@HostListener('window.onscroll', ['$event'])

I want to be able to show a black screen and removed page content on the website when ever a user tries to screen record or screenshot the webpage.
The feature is available on Netflix, prime video and other streaming platforms.
I want to have such feature.

I tried researching on the topic, but didn’t get any answer for it

I’m making a custom checkbox field, the icon is an SVG. But the problem is that I can’t center this icon inside my div. Can you tell me how to resolve this?

With the image you can see that it is well centered in width, but the problem is in height.

Here’s my code I put into codesandbox.io

import "./styles.css";

export default function App() {
  return (
    <div className="App">
      <label>
        <input className="input-checkbox" type="checkbox" />
        <div className="content-icon">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="24"
            height="24"
            viewBox="0 0 24 24"
            fill="none"
          >
            <mask
              id="mask0_1397_43"
              maskUnits="userSpaceOnUse"
              x="0"
              y="0"
              width="24"
              height="24"
            >
              <rect width="24" height="24" fill="#D9D9D9" />
            </mask>
            <g mask="url(#mask0_1397_43)">
              <path
                d="M10.6 16.2L17.65 9.15L16.25 7.75L10.6 13.4L7.75 10.55L6.35 11.95L10.6 16.2ZM5 21C4.45 21 3.979 20.8043 3.587 20.413C3.19567 20.021 3 19.55 3 19V5C3 4.45 3.19567 3.979 3.587 3.587C3.979 3.19567 4.45 3 5 3H19C19.55 3 20.021 3.19567 20.413 3.587C20.8043 3.979 21 4.45 21 5V19C21 19.55 20.8043 20.021 20.413 20.413C20.021 20.8043 19.55 21 19 21H5Z"
                fill="#035D91"
              />
            </g>
          </svg>
        </div>
      </label>
    </div>
  );
}

.input-checkbox {
  all: unset;
  width: 32px;
  height: 32px;
}

.content-icon {
  display: block;
  text-align: -webkit-center;
  border: 1px solid red;
  width: 50px;
}

Thank you.

I am new to salesforce and javascript.
I have a button on a page and want to record the button if it gets clicked on the page to the customer profile as a boolean.

I have a button with an id=”example-button”.

I have a function in a scripthelper.js file that goes like function

function addedToCart(){
var addedToCart = customer.getProfile.getCustom().buttonAdded; //Gets the custom attribute from the Business Manager
var buttonClicked = document.getElementById("example-button");//grabbing button element
if(buttonClicked)// this is where I dont know the condtional
addedToCart == true;
}

I don’t know what to add in the if statement to check if the button was click so the custom attribute can be set too true. I know I am using front end with the get element by ID, so if there another or easier way to do this please let me know!

If the button is clicked I want the attribute to be set too true

As in the question, is it possible?

This is my webpack.config.js:

const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const path = require('path');
const TerserPlugin = require('terser-webpack-plugin');

const generateHtmlPlugin = (chunks, filename, inject, template, templateParameters) => {
  return new HtmlWebpackPlugin({
    chunks,
    filename,
    inject,
    template,
    templateParameters
  });
}

const multipleModulesTemplatesArray = [
  {
    filename: 'egm_mm_wrapper_bottom_banner.html',
    inject: 'head',
    template: 'src/html/template.ejs',
    templateParameters: {
      bodyClass: 'egm_mm_wrapper_bottom_banner',
      htmlClass: 'egm_mm_wrapper_bottom_banner',
      initConsoleLog: 'MMWrapperBottom start'
    }
  },
  {
    filename: 'egm_mm_wrapper_overhead_display.html',
    inject: 'head',
    template: 'src/html/template.ejs',
    templateParameters: {
      bodyClass: 'egm_mm_wrapper_overhead_display',
      htmlClass: 'egm_mm_wrapper_overhead_display',
      initConsoleLog: 'MMWrapperOverhead start'
    }
  },
  {
    filename: 'ilink_media_scheduler.html',
    inject: 'head',
    template: 'src/html/template.ejs',
    templateParameters: {
      bodyClass: 'ilink_media_scheduler',
      htmlClass: 'ilink_media_scheduler',
      initConsoleLog: 'WMiLink.MediaScheduler start'
    }
  },
  {
    filename: 'ilink_window_manager.html',
    inject: 'head',
    template: 'src/html/template.ejs',
    templateParameters: {
      bodyClass: 'ilink_window_manager',
      htmlClass: 'ilink_window_manager',
      initConsoleLog: 'WMiLink.WindowManager start'
    }
  }
];

const populateHtmlPlugins = (pagesArray) => {
  const result = [];
  pagesArray.forEach(page => {
    result.push(generateHtmlPlugin(page.chunks, page.filename, page.inject, page.template, page.templateParameters));
  })
  return result;
}

const templates = populateHtmlPlugins(multipleModulesTemplatesArray);

const commonsAndVendorsConfig = {
  context: path.resolve(__dirname, '.'),
  devServer: {
    client: {
      logging: 'verbose',
      overlay: true,
    },
    static: {
      directory: path.join(__dirname, './dist'),
    },
    compress: true,
    port: 9001,
  },
  entry: [
    '../shared_libs/modules/vendors.js',
    '../shared_libs/modules/commons.js',
    './src/js/egm_mm_wrapper_commons.js',
    './src/js/ilink_commons.js',
  ],
  mode: 'production',
  module: {
    rules: [
      {
        exclude: /node_modules/,
        loader: 'babel-loader',
        options: {
          presets: [
              '@babel/preset-env'
          ]
        },
        test: /.js$/
      }
    ]
  },
  name: 'commons-and-vendors',
  optimization: {
    minimize: true,
    minimizer: [
      new TerserPlugin({
        extractComments: false,
        terserOptions: {
          ecma: 5,
          format: {
            comments: false,
          },
          mangle: {
            toplevel: true
          },
          module: true
        },
      }),
    ]
  },
  output: {
    filename: 'commons_and_vendors.[contenthash].js',
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/'
  },
  performance: {
    maxEntrypointSize: 512000,
    maxAssetSize: 512000
  },
  target: 'web'
};

const multipleModulesConfig = {
  context: path.resolve(__dirname, '.'),
  dependencies: ['commons-and-vendors'],
  devServer: {
    client: {
      logging: 'verbose',
      overlay: true,
    },
    static: {
      directory: path.join(__dirname, './dist'),
    },
    compress: true,
    port: 9001,
  },
  entry: {
    egm_mm_wrapper_bottom_banner: './modules/egm_mm_wrapper_bottom_banner.js',
    egm_mm_wrapper_overhead_display: './modules/egm_mm_wrapper_overhead_display.js',
    ilink_media_scheduler: './modules/ilink_media_scheduler.js',
    ilink_window_manager: './modules/ilink_window_manager.js'
  },
  mode: 'production',
  module: {
    rules: [
      {
        exclude: /node_modules/,
        loader: 'babel-loader',
        options: {
          presets: [
            ['@babel/preset-env']
          ]
        },
        test: /.js$/
      },
      {
        exclude: /node_modules/,
        test: /.s[ac]ss$/i,
        use: [
          'css-loader',
          'sass-loader'
        ]
      },
      {
        test: /.html$/i,
        loader: 'html-loader',
        options: {
          minimize: true
        },
      },
    ]
  },
  name: 'multiple-modules',
  optimization: {
    minimize: true,
    minimizer: [
      new CssMinimizerPlugin({
        test: /.s[ac]ss$/i
      }),
      new TerserPlugin({
        extractComments: false,
        terserOptions: {
          ecma: 5,
          format: {
            comments: false,
          },
          mangle: {
            toplevel: true
          },
          module: true
        },
      }),
    ]
  },
  output: {
    filename: '[name].[contenthash].js',
    path: path.resolve(__dirname, 'dist'),
    publicPath: '/'
  },
  performance: {
    maxEntrypointSize: 512000,
    maxAssetSize: 512000
  },
  plugins: templates,
  target: 'web'
};

const singleModuleConfig = {
    context: path.resolve(__dirname, '.'),
    dependencies: ['multiple-modules'],
    devServer: {
        client: {
            logging: 'verbose',
            overlay: true,
        },
        static: {
            directory: path.join(__dirname, './dist'),
        },
        compress: true,
        port: 9001,
    },
    entry: './modules/mma.js',
    mode: 'production',
    module: {
        rules: [
            {
                exclude: /node_modules/,
                loader: 'babel-loader',
                options: {
                    presets: [
                        ['@babel/preset-env']
                    ]
                },
                test: /.js$/
            },
            {
                exclude: /node_modules/,
                loader: 'html-loader',
                options: {
                    minimize: true
                },
                test: /.html$/
            },
        ]
    },
    name: 'mma',
    optimization: {
        minimize: true,
        minimizer: [
            new TerserPlugin({
                extractComments: false,
                terserOptions: {
                    ecma: 5,
                    format: {
                        comments: false,
                    },
                    mangle: {
                        toplevel: true
                    },
                    module: true
                },
            }),
        ]
    },
    output: {
        clean: true,
        filename: '[name].[contenthash].js',
        path: path.resolve(__dirname, 'dist'),
        publicPath: '/'
    },
    performance: {
        maxEntrypointSize: 512000,
        maxAssetSize: 512000
    },
    target: 'web'
};

module.exports = [commonsAndVendorsConfig, multipleModulesConfig, singleModuleConfig];
module.exports.parallelism = 1;

This is my template.ejs file:

<html class="<%= htmlClass %>">
<head>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'/>
    <title>Window Manager</title>

    <script type='application/javascript'>
        console.log('<%= initConsoleLog %>');
    </script>
</head>

<body class="<%= bodyClass %>">
    <div class="mmContentContainer"></div>
</body>
</html>

And here’s my mma.js file:

import '../dist/commons_and_vendors';

import '../dist/egm_mm_wrapper_bottom_banner';
import '../dist/egm_mm_wrapper_overhead_display';
import '../dist/ilink_media_scheduler';
import '../dist/ilink_window_manager';

import egm_mm_wrapper_bottom_banner from '../dist/egm_mm_wrapper_bottom_banner.html';
import egm_mm_wrapper_overhead_display from '../dist/egm_mm_wrapper_overhead_display.html';
import ilink_media_scheduler from '../dist/ilink_media_scheduler.html';
import ilink_window_manager from '../dist/ilink_window_manager.html';

And when I run the webpack build, I get the error:

 ERROR in ./modules/mma.js 47:0-37
  Module not found: Error: Can't resolve '../dist/commons_and_vendors' in 'C:UsersuserProjectsmultimedia_advertisementmodules'

  ERROR in ./modules/mma.js 48:0-46
  Module not found: Error: Can't resolve '../dist/egm_mm_wrapper_bottom_banner' in 'C:UsersuserProjectsmultimedia_advertisementmodules'

  ERROR in ./modules/mma.js 49:0-49
  Module not found: Error: Can't resolve '../dist/egm_mm_wrapper_overhead_display' in 'C:UsersuserProjectsmultimedia_advertisementmodules'

  ERROR in ./modules/mma.js 50:0-39
  Module not found: Error: Can't resolve '../dist/ilink_media_scheduler' in 'C:UsersuserProjectsmultimedia_advertisementmodules'

  ERROR in ./modules/mma.js 51:0-38
  Module not found: Error: Can't resolve '../dist/ilink_window_manager' in 'C:UsersuserProjectsmultimedia_advertisementmodules'

  ERROR in ./modules/mma.js 52:0-85
  Module not found: Error: Can't resolve '../dist/egm_mm_wrapper_bottom_banner.html' in 'C:UsersuserProjectsmultimedia_advertisementmodules'

  ERROR in ./modules/mma.js 53:0-91
  Module not found: Error: Can't resolve '../dist/egm_mm_wrapper_overhead_display.html' in 'C:UsersuserProjectsmultimedia_advertisementmodules'

  ERROR in ./modules/mma.js 54:0-71
  Module not found: Error: Can't resolve '../dist/ilink_media_scheduler.html' in 'C:UsersuserProjectsmultimedia_advertisementmodules'

  ERROR in ./modules/mma.js 55:0-69
  Module not found: Error: Can't resolve '../dist/ilink_window_manager.html' in 'C:UsersuserProjectsmultimedia_advertisementmodules'

  9 errors have detailed information that is not shown.
  Use 'stats.errorDetails: true' resp. '--stats-error-details' to show it.

When I run webpack build with the above suggested flag --stats-error-details, I get among other errors such an error:

Module not found: Error: Can't resolve '../dist/egm_mm_wrapper_overhead_display.html' in 'C:UsersuserProjectmultimedia_advertisementmodules'
  resolve '../dist/egm_mm_wrapper_overhead_display.html' in 'C:UsersuserProjectmultimedia_advertisementmodules'
    using description file: C:UsersuserProjectmultimedia_advertisementpackage.json (relative path: ./modules)
      Field 'browser' doesn't contain a valid alias configuration
      using description file: C:UsersuserProjectmultimedia_advertisementpackage.json (relative path: ./dist/egm_mm_wrapper_overhead_display.html)
        no extension
          Field 'browser' doesn't contain a valid alias configuration
          C:UsersuserProjectmultimedia_advertisementdistegm_mm_wrapper_overhead_display.html doesn't exist
        .js
          Field 'browser' doesn't contain a valid alias configuration
          C:UsersuserProjectmultimedia_advertisementdistegm_mm_wrapper_overhead_display.html.js doesn't exist
        .json
          Field 'browser' doesn't contain a valid alias configuration
          C:UsersuserProjectmultimedia_advertisementdistegm_mm_wrapper_overhead_display.html.json doesn't exist
        .wasm
          Field 'browser' doesn't contain a valid alias configuration
          C:UsersuserProjectmultimedia_advertisementdistegm_mm_wrapper_overhead_display.html.wasm doesn't exist
        as directory
          C:UsersuserProjectmultimedia_advertisementdistegm_mm_wrapper_overhead_display.html doesn't exist

Even adding the module.exports.parallelism = 1; doesn’t help.

On the side note, in error messsage we can see something like ERROR in ./modules/mma.js 50:0-39, the line number is such, because I have commented code before the current used code.

If I delete it and put in the mma.js file only the needed code, the same errors persist.

Did anyone stumbled upon potential solution regarding sequential code running?