В чем разница между консолью отладки VS Code и любым веб-браузером

Question

У меня javascript файл начинается с require(), он отлично работает в vscode при нажатии F5 и возвращает вывод в консоли отладки:

require('../src/FoxRandomString.js');
obj = FoxRandomString;
Tests = {
    obj: obj,
    canSetLength: function(){
        vals = [true,false,-1,'text',undefined,null,0,2,4,10]
        for (i = 0; i < vals.length; i++){
            if (vals[i] < 4){
                if (this.obj.setLength(vals[i]) == 4){
                    console.log('%cFor input value = '+vals[i]+ ' Success. Output: '+this.obj.setLength(vals[i]),'color: white; background:olive')
                }
                else{
                    console.log('%cFor input value = '+vals[i]+ ' Fail. Output: '+this.obj.setLength(vals[i]),'color:black; background:red')
                }
            }
            else{
                if (this.obj.setLength(vals[i]) == vals[i] || isNaN(vals[i])){
                    console.log('%cFor input value = '+vals[i]+ ' Success. Output: '+this.obj.setLength(vals[i]),'color: white; background:olive')
                }
                else{
                    console.log('%cFor input value = '+vals[i]+ ' Fail. Output: '+this.obj.setLength(vals[i]),'color:black; background:red')
                }
            }            
        }

    }
}

Tests.canSetLength();

Однако включение этого скрипта в файл HTML с использованием тега скрипта и его открытие в браузере, таком как Google Chrome, приводит к ошибке консоли около require() is not defined.Мне нужно понять, почему это происходит?

Answer 1

Это потому, что require () не существует в браузере (клиентский JavaScript).Вы можете использовать следующие параметры:

<script> tag.
CommonJS implementation, like Node.js
one more requireJS also can do the job done.