Cannot read property url of undefined ошибка wink как исправить

При отладке своего кода (обычно на JavaScript) программист может столкнуться с системным сообщением об ошибке «TypeError: Cannot read property ‘xxx’ of undefined». Вместо значения ХХХ указана какая-либо объявленная переменная или свойство объекта, значение которых по различным причинам не задано разработчиком. Ниже разберём, каков перевод данного сообщения, и каково может быть решение возникшей проблемы.

Почему возникает ошибка

В переводе данное сообщение выглядит как «Ошибка типа: Не удаётся прочитать неопределённое свойство ХХХ». Поскольку в некоторых языках программирования (в частности, «JavaScript») есть возможность получения доступа к неинициализированным значениям, то это может вызывать появление рассматриваемой мной ошибки.

Что до причин ошибки undefined, то она обычно возникает при отладке какого-либо программного кода, и может быть вызвана следующими факторами:

• Использующиеся в программном коде переменная не была инициализирована (переменной не присвоено значение);
• Была осуществлена попытка доступа к отсутствующему свойству объекта;
• Была попытка получить доступ к отсутствующему элементу массива.

Давайте разберёмся, как исправить данную ошибку при написании вашего кода.

Читайте также: Failed to execute ‘replaceChild’ on ‘Node’  на JavaScript – как исправить.

Присвойте начальное значение переменной

Наиболее очевидным способом исправить ошибку «TypeError: Cannot read property ‘xxx’ of undefined» является присвоение переменной начального значения. Чем меньше такая переменная пребывает в неинициализированном состоянии – тем будет лучше. В идеале лучше сразу же присвоить значение «Variable» = «начальное значение» (‘initial’), хотя далеко не всегда специфика вашего кода может предполагать указанный вариант.

Улучшите связность вашего кода

Термин «связность» в нашем контексте характеризует уровень взаимосвязанности элементов разрабатываемого вами модуля (пространства имён, метода, класса, блока кода). Как известно, существуют два типа связности, а именно сильная и слабая связность. Использование сильной связности предполагает фокусировку элементов модуля лишь на одной задаче. Потому для извлечения выгоды из сильной связности, необходимо держать используемые переменные поближе к блоку кода, в работе которого они используются.

К примеру, вместо блока кода:

будет оптимальнее переместить переменные поближе к месту их применения:

Улучшение связности позволит избежать появление ошибки «Cannot read property ‘xxx’ of undefined» при отладке вашего кода.

Проверьте наличие свойства

В языке Javascript имеются ряд инструментов, позволяющих определить, имеет ли необходимый нам объект какое-либо свойство:

В частности, это:

• typeof obj.prop !== ‘undefined’ — данный инструмент позволяет проверить тип значения свойства;
• obj.prop !== undefined — этот инструмент позволяет сравнить объект непосредственно с undefined;
• ‘prop’ in obj позволяет проверить объект на наличие его собственного или полученного свойства;
• И obj.hasOwnProperty(‘prop’) позволяет проверить объект на наличие его собственного свойства.

В этом и схожих случаях рекомендуется использовать оператор in, который обладает простым и удобным синтаксисом. Наличие оператора in демонстрирует желание проверить, имеет ли объект нужное свойство без обращения к фактическому значению данного свойства.

Деструктурируйте доступ к свойствам нужного объекта

Деструктурирование нужного объекта позволяет непосредственно извлекать значения свойства объекта в переменные или, если такое свойство не существует, устанавливать значение по дефаулту. Такой вариант позволяет исключить прямой контакт с undefined.

Извлечение свойств теперь выглядит примерно так:

Деструктурирование хорошо, когда можно указать значение по умолчанию, и это значение будет возвращено при попытке доступа к отсутствующему свойству. В конечном счёте, благодаря деструктурированию вы сможете избежать появления undefined и всех сопутствующих проблем.

Это интересно: что означает «JavaScript error: Mutations are not initialized.

Заключение

В нашей статье мы разобрали, почему появляется ошибка «TypeError: Cannot read property ‘xxx’ of undefined», как она переводится и как от неё можно избавиться. Во избежание возникновения данной ошибки присвойте начальное значение соответствующей переменной. Это позволит избежать появления рассмотренной выше дисфункции при отладке вашего кода.

Hi
Having some issues with autoUpdate.
It find’s the update but before it’s going to download the update it gives me a error

TypeError: Cannot read property ‘url’ of undefined
cant find out why it’s giving me this error

Version:
electron-updater = 2.16.1
electron = 1.7.9
electron-builder = 19.46.9

package.json

{
  "name": "Wired",
  "version": "0.1.0",
  "description": "Home assistant",
  "repository": {
    "type": "git",
    "url": "https://github.com/andrewo0/wired.git"
  },
  "scripts": {
    "postinstall": "install-app-deps"
  },
  "dependencies": {
    "electron-updater": "^2.16.1",
    "electron-log": "^1.3.0"
  },
  "devDependencies": {
    "electron-builder": "19.46.9",
    "electron-updater": "^2.16.1",
    "electron": "1.7.9",
    "gulp": "^3.9.1",
    "mocha": "^4.0.1",
    "spectron": "^3.7.2",
    "webpack-stream": "^3.2.0"
  },
  "build": {
    "appId": "com.electron.wired",
    "publish": [
      {
        "provider": "github",
        "owner": "andrewo0",
        "private": true
      }
    ],
    "win": {
      "target": "nsis"
    },
    "nsis": {
      "oneClick": false,
      "perMachine": false,
      "allowToChangeInstallationDirectory": true
    },
    "mac": {
      "category": "your.app.category.type"
    }
  }
}

index.js

const {app, BrowserWindow, Menu, protocol, ipcMain} = require('electron');
const log = require('electron-log');
const {autoUpdater} = require("electron-updater");

let window;
let path;
let json;

path = require('path');
json = require('settings.json');

autoUpdater.logger = log;
autoUpdater.logger.transports.file.level = 'info';
log.info('App starting...');

function sendStatusToWindow(text) {
  log.info(text);
  window.webContents.send('message', text);
}

function mainWindow(){
    window = new BrowserWindow({
        title: json.name,
        width: json.settings.width,
        height: json.settings.height,
        frame: json.settings.frame,
        titleBarStyle: json.settings.titlebarstyle,
        backgroundColor: '#000000',
        show: false
    });

    window.loadURL('file://' + path.join(__dirname, '..', '..') + '/index.html#v' + app.getVersion());
    
    window.once('ready-to-show', () => {
        window.show()
    })

    window.on('closed', function () {
        window = null;
    });
    
    return window;
}
app.on('ready', function()  {
  autoUpdater.checkForUpdates();
});
autoUpdater.on('checking-for-update', () => {
  sendStatusToWindow('Checking for update...');
})
autoUpdater.on('update-available', (info) => {
  sendStatusToWindow('Update available.');
})
autoUpdater.on('update-not-available', (info) => {
  sendStatusToWindow('Update not available.');
})
autoUpdater.on('error', (err) => {
  sendStatusToWindow('Error in auto-updater. ' + err);
})
autoUpdater.on('download-progress', (progressObj) => {
  let log_message = "Download speed: " + progressObj.bytesPerSecond;
  log_message = log_message + ' - Downloaded ' + progressObj.percent + '%';
  log_message = log_message + ' (' + progressObj.transferred + "/" + progressObj.total + ')';
  sendStatusToWindow(log_message);
})
autoUpdater.on('update-downloaded', (info) => {
  sendStatusToWindow('Update downloaded');
});

app.on('ready', function () {
    mainWindow();
});
app.on('window-all-closed', () => {
  app.quit();
});

Log:

[2017-11-30 09:38:00:0536] [info] App starting...
[2017-11-30 09:38:00:0607] [info] Checking for update
[2017-11-30 09:38:00:0607] [info] Checking for update...
[2017-11-30 09:38:01:0926] [info] Generated new staging user ID: 
[2017-11-30 09:38:03:0907] [info] Found version 0.1.1 (url: Wired-Setup-0.1.1.exe)
[2017-11-30 09:38:03:0907] [info] Update available.
[2017-11-30 09:38:03:0908] [info] Downloading update from Wired-Setup-0.1.1.exe
[2017-11-30 09:38:03:0912] [error] Error: TypeError: Cannot read property 'url' of undefined
    at updateInfo.files.map.it (C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updatersrcPrivateGitHubProvider.ts:101:63)
    at Array.map (native)
    at PrivateGitHubProvider.resolveFiles (C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updatersrcPrivateGitHubProvider.ts:98:29)
    at C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updatersrcNsisUpdater.ts:19:53
From previous event:
    at NsisUpdater.doDownloadUpdate (C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updateroutNsisUpdater.js:133:11)
    at C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updatersrcAppUpdater.ts:304:25
    at Generator.next (<anonymous>)
From previous event:
    at NsisUpdater.downloadUpdate (C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updateroutAppUpdater.js:355:11)
    at C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updatersrcAppUpdater.ts:280:49
From previous event:
    at NsisUpdater.doCheckForUpdates (C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updateroutAppUpdater.js:326:11)
    at C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updatersrcAppUpdater.ts:228:25
    at Generator.next (<anonymous>)
    at runCallback (timers.js:672:20)
    at tryOnImmediate (timers.js:645:5)
    at processImmediate [as _immediateCallback] (timers.js:617:5)
From previous event:
    at NsisUpdater._checkForUpdates (C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updateroutAppUpdater.js:280:11)
    at NsisUpdater.checkForUpdates (C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarnode_moduleselectron-updatersrcAppUpdater.ts:177:35)
    at App.<anonymous> (C:UsersAndrewAppDataLocalProgramsWiredresourcesapp.asarjavascriptsmainindex.js:45:15)
    at emitTwo (events.js:111:20)
    at App.emit (events.js:194:7)
[2017-11-30 09:38:03:0912] [info] Error in auto-updater. TypeError: Cannot read property 'url' of undefined

Если при подписании на сайте ЕИС (ЕРУЗ) https://zakupki.gov.ru/ возникает ошибка «Cannot read properties of undefined (reading ‘CreateObjectAsync’)», мы рекомендуем в первую очередь использовать браузер Chromium GOST, так как ЕИС корректно работает именно в нём. Если вы планируете работать в Яндекс.Браузере — необходимо выполнить дополнительные настройки.

Если вы хотите использовать другой браузер, в котором возникает эта ошибка — рекомендуем обратиться в техническую поддержку ЕИС для уточнения сроков исправления ошибки в нужном для вас браузере.

Настройте для работы браузер Chromium GOST

1. ​Установите браузер:

• Автоматически с нашего Веб-диска. После установки переходите к пункту 2 инструкции.
• Вручную по ссылке https://github.com/deemru/Chromium-Gost/releases/. На открывшейся странице выберите версию браузера, которая соответствует разрядности вашей операционной системы, разрядность вашей системы можно определить следующими способами:
  а) Нажать правой кнопкой мыши на Мой компьютер — Свойства.
   б) Нажать комбинацию клавиш Win+Pause.
    в) Нажать правой кнопкой мыши на Пуск — Система.
     г) Воспользоваться инструкцией от Microsoft.

Запустите скачанный файл и следуйте подсказкам на экране для установки

2. Запустите браузер Chromium GOST и откройте в нём ссылку https://chrome.google.com/webstore/detail/cryptopro-extension-for-c/iifchhfnnmpdbibifmljnfjhpififfog. Проверьте, что расширение с открывшейся страницы установлено (должна отобразиться кнопка «Удалить из Chrome»):

Если вы видите кнопку «Установить» — нажмите её для установки расширения:

3. Повторите подписание документов в ЕИС

Настроить для работы Яндекс.Браузер

1. Скачайте браузер по ссылке https://browser.yandex.ru/ . Если Яндекс.Браузер уже установлен и ранее ЕИС (ЕРУЗ) работал в нём корректно, то переходите к пункту 4.

2. В Яндекс.Браузере зайдите в раздел «Настройки» — «Системные», либо откройте в нем ссылку: browser://settings/system

Включите настройку «Подключаться к сайтам, использующим шифрование по ГОСТ. Требуется КриптоПро»:

3. Установите расширение https://chrome.google.com/webstore/detail/cryptopro-extension-for-c/iifchhfnnmpdbibifmljnfjhpififfog так же, как это описано ранее в инструкции про Chromium GOST.

4. Повторите подписание в ЕИС. Если ошибка сохранилась, для нормальной работы портала в Яндекс.Браузере нужно выключить расширение из каталога Opera: 

Откройте «Настройки» — «Дополнения», либо откройте в браузере ссылку browser://tune/

Отключите расширение Каталог КриптоПро ЭЦП переведя ползунок в левое положение:

Внимание! Изменение этой настройки может негативно повлиять работу на некоторых сайтах, например на www.sberbank-ast.ru, www.rts-tender.ru и https://etp.gpb.ru/ . Решение об отключении вы принимаете самостоятельно!

Перезапустите браузер и повторите подписание в ЕИС.

Допустим, вы делаете страницу с формой и полем ввода:

<form name="myform">
  <input name="myinput" value="10" />
</form>

Нужно, чтобы скрипт нашёл эту форму, достал из неё значение поля ввода и вывел его на экран. Вы пишете скрипт и оформляете его как отдельный файл, который подключаете в разделе head:

<script>
  var str = '';
  for(i=0; i < document.myform.elements.length; i++){
     str += document.myform.elements[i].name +
'=' + encodeURIComponent(document.myform.elements[i].value) +
(i == document.myform.elements.length -1 ? '' : '&');
}
  alert(str);
</script>

Этот скрипт должен быть правильным. При тестировании внутри консоли он делает именно то, что нужно. Но после запуска скрипт падает с ошибкой:

❌ Uncaught TypeError: Cannot read property

Это означает: «Вы пытаетесь прочитать у объекта какое-то свойство, но я не могу его найти, а значит, не могу и прочитать то, чего нет».

Странно, ведь вы уверены, что у этого объекта такое свойство точно есть, и вы сто раз так уже делали.

Всё так и одновременно не так.

Что делать с ошибкой Uncaught TypeError: Cannot read property

Эта ошибка чаще всего происходит, когда вы обращаетесь к свойствам объекта раньше, чем объект готов:

Наш случай — первый и самый распространённый: мы вызываем скрипт в разделе <head>, но форма у нас ещё не готова — она банально не загружена в документ, поэтому скрипт не может прочитать свойства несуществующей формы.

Чтобы избавиться от этой ошибки, нужно добавить в вызов скрипта атрибут defer — он заставит скрипт подождать, пока страница загрузится полностью, вместе с формой.

<script defer src="...">

Второй вариант — поместить вызов скрипта сразу после формы, тогда к моменту вызова всё окажется на своих местах и ошибки не будет. Или вообще в конце всего документа.

Getting this error when running server.js.

Started http server.
   info  - socket.io started

node.js:201
        throw e; // process.nextTick error, or 'error' event on first tick
              ^
TypeError: Cannot read property 'url' of undefined
    at Function.handle (/opt/lampp/htdocs/notifications/sites/all/modules/nodejs/node_modules/express/node_modules/connect/lib/proto.js:105:18)
    at Server.app (/opt/lampp/htdocs/notifications/sites/all/modules/nodejs/node_modules/express/node_modules/connect/lib/connect.js:60:31)
    at Server.serverListening (/opt/lampp/htdocs/notifications/sites/all/modules/nodejs/node_modules/socket.io/node_modules/policyfile/lib/server.js:136:16)
    at Server.g (events.js:156:14)
    at Server.emit (events.js:64:17)
    at Array.0 (net.js:777:10)
    at EventEmitter._tickCallback (node.js:192:40)

This is the output of npm install

require@0.4.9 ./node_modules/require 
└── uglify-js@1.0.3
express@3.0.0alpha1 ./node_modules/express 
├── mime@1.2.5
├── commander@0.5.2
├── mkdirp@0.3.1
├── debug@0.6.0
└── connect@2.1.2
socket.io@0.9.6 ./node_modules/socket.io 
├── policyfile@0.0.4
├── redis@0.6.7
└── socket.io-client@0.9.6

And this is my config file:

backendSettings = {
  "scheme":"http",
  "host":"localhost",
  "port":8080,
  "resource":"/socket.io",
  "publishUrl":"/notifications/nodejs/publish",
  "serviceKey":"54468779wifjo78fjwijowef",
  "backend":{
  	"port":80,
  	"host":"localhost",
  	"messagePath":"/nodejs/message"
  },
  "clientsCanWriteToChannels":false,
  "clientsCanWriteToClients":false,
  "extensions":"",
  "debug":true,
  "transports":["websocket",
  "flashsocket",
  "htmlfile",
  "xhr-polling",
  "jsonp-polling"],
  "jsMinification":true,
  "jsEtag":true,
  "logLevel":1};

Thanks in advance