Не удаётся соединиться с сервером. Uncaught (in promise) Error: Could not establish connection. Receiving end does not exist?

Question

[ponko11]

Здравствуйте. Разрабатываю сайт на локальном сервере. Использую Node.js и Open server. Во время последнего запуска сайта всё работало отлично, через несколько дней пытаюсь запустить сайт, но выдаёт ошибку:

Uncaught (in promise) Error: Could not establish connection. Receiving end does not exist.
at wrappedSendMessageCallback (polyfill.js:1272:20)

Failed to load resource: the server responded with a status of 404 (Not Found)

Answer 1

[historydev]

node
openServer

Comments

[ponko11]

так и не нашёл решение

[ponko11]

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

[historydev]

ponko11, без кода ничего больше не скажу, какой вопрос - такой ответ

[ponko11]

Владимир, я думаю, что по какой-то причине не могу законектиться с бд.

<li><a href="#" onclick="load('adidas OriginalsBRAND')">adidas Originals</a></li>

let brand = [];

function load(x) {
      var xhr = new XMLHttpRequest();

      xhr.open('GET', encodeURI(x), false);

      xhr.onreadystatechange = function() {
        if (xhr.readyState != 4) return;


        if (xhr.status != 200) {
          // обработать ошибку
          alert(xhr.status + ': ' + xhr.statusText);
        } else {
          try {
            brand = xhr.responseText;
          } catch (e) {
            alert("Некорректный ответ " + e.message);
          }
			brand = JSON.parse(brand);
			var znak1 = /\[/gi;
			var znak2 = /\"/gi;
			var znak3 = /\]/gi;
			for(let i=0; i<brand.length; i++){
			brand[i].info = brand[i].info.replace(znak1, '').replace(znak2, '').replace(znak3, '').split(',');
			brand[i].photo = brand[i].photo.replace(znak1, '').replace(znak2, '').replace(znak3, '').split(',');
			brand[i].size = brand[i].size.replace(znak1, '').replace(znak2, '').replace(znak3, '').split(',');
			}
			for(let i=0; i<brand.length; i++){
			brand[i].size.map(function(el,ind){
				brand[i].size[ind] = el.trim();	
				})
			}
			brand = JSON.stringify(brand);
          	sessionStorage.setItem("brand", brand);
        }

      }
      xhr.send();

    }

var express = require('express');

var app = express();

app.get(/.*BRAND$/, function (req, res) {
	let reg = /%20/gi;
	let brand = req.url.slice(1).slice(0, -5).replace(reg, ' ');
	const mysql = require("mysql");
	const connection = mysql.createConnection({
		host: "localhost",
		user: "root",
		database: "bs",
		password: ""
	});
	connection.connect(function (err) {
		if (err) {
			return console.error("Ошибка: " + err.message);
		} else {
			//res.send('Подключение к серверу MySQL успешно установлено');
		}
	});
	let query;
	if(brand == 'All'){
		query = `SELECT * FROM bs`;	
	} else{
		query = `SELECT * FROM bs WHERE brand = '${brand}'`;
	}
	connection.query(query, (err, result, field) =>{
		res.send(result);
	})
});

[historydev]

ponko11, жесть какая) Пока я вижу что сервер вообще не запущен:

const http = require("http");
const express = require('express');
const app = express();
const http_server = http.createServer(app);
const mysql = require("mysql");
  const connection = mysql.createConnection({
    host: "localhost",
    user: "root",
    database: "bs",
    password: ""
  });
  connection.connect(function (err) {
    if (err) {
      return console.error("Ошибка: " + err.message);
    } else {
      //res.send('Подключение к серверу MySQL успешно установлено');
    }
  });

app.get(/.*BRAND$/, function (req, res) {
  let reg = /%20/gi;
  let brand = req.url.slice(1).slice(0, -5).replace(reg, ' ');
 
  let query;
  if(brand == 'All'){
    query = `SELECT * FROM bs`;	
  } else{
    query = `SELECT * FROM bs WHERE brand = '${brand}'`;
  }
  connection.query(query, (err, result, field) =>{
    res.send(result);
  })
});

http_server.listen(4000, () => {
	console.log('Server started on port 4000');
});

[ponko11]

Владимир, сервер запущен, к бд конекчусь нормально, но ошибка 404

[ponko11]

Владимир, пытаюсь в функции ответа вывести консоль лог - не выводит

[historydev]

ponko11, по какому адресу? Замени и проверь: /.*BRAND$/ => "/"

[ponko11]

Владимир,

app.get("/", function (req, res) {
	console.log('123')
});

не выводится

[ponko11]

Владимир,

<li><a href="#" onclick="load('a')">adidas Originals</a></li>

function load(x) {
      var xhr = new XMLHttpRequest();

      xhr.open('GET', x, false);

      xhr.onreadystatechange = function() {
        if (xhr.readyState != 4) return;


        if (xhr.status != 200) {
          // обработать ошибку
          alert(xhr.status + ': ' + xhr.statusText);
        } else {
          try {
          } catch (e) {
            alert("Некорректный ответ " + e.message);
          }
        }
      }
      xhr.send();
    }

app.get("/a", function (req, res) {
	console.log('123')
});

так ошибка 404

[historydev]

ponko11,

fetch('http://localhost:4000').then(res => res.json()).then(console.log);

[ponko11]

Владимир, на фетче заработало, буду разбираться, спасибо

[historydev]

ponko11, если файл index.html в котором этот скрипт не хостит сервер, нужно указывать полный адрес

[ponko11]

Владимир, моя ошибка заключалась в том, что я запускал сервер не на том порту, через open server