Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail


Донат для форума - использовать для поднятия настроения себе и модераторам

А ещё здесь можно купить рекламу за 15 тыс руб в месяц! ) пишите сюда - alarforum@yandex.ru

Ответ
 
Опции темы
Старый 02.06.2019, 12:03   #1
Illusiony
Участник клуба
 
Регистрация: 17.02.2014
Сообщений: 873
Репутация: 73
По умолчанию [РЕШЕНО] Не подключаются модули и файлы requery в Electron.js

Начал знакомится с Electron.js
Делаю вроде как в примерах.
Пытаюсь в index.html
вписать файл renderer.js или render.js

Код:
require('./renderer.js');
хоть
Код:
require('renderer.js');
инструмент разработчика ругается "Uncaught ReferenceError: require is not defined".
С подключением других файлов и использованием библиотек через npm такая же проблема.
Конечно гуглил, но решения не нашел

package.js

Код:
{
  "name": "app",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "build": "electron-packager . Rulette --win32 --arch=x64  --app-version=0.1.0 --out=rulette_2 --ignore=dist --prune"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "electron": "^5.0.2",
    "electron-store": "^3.2.0"
  }
}
main.js
Код:
const path = require('path');
const url = require('url');
const {app, BrowserWindow} = require('electron');

//app.disableHardwareAcceleration();

let win;

function createWindow() {
	win = new BrowserWindow({
		width: 1000,
		height: 800,
		icon: __dirname + "/img/icon.png"
	});

	win.loadURL(url.format({
		pathname: path.join(__dirname, 'index.html'),
		protocol: 'file:',
		slashes: true
	}));
	//или win.loadURL(`file://${__dirname}/app/index.html`)

	win.webContents.openDevTools();

	win.on('closed', () => {
		win = null;
	});
	//console.log(__dirname);
}

app.on('ready', createWindow);

app.on('window-all-closed', () => {
	app.quit();
});
index.html

Код:
<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Rulette App</title>
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
	 <script src="jquery-3.4.1.js"></script>
</head>
<body>
	<h1>Конвертер температуры</h1>
	<div class="form-group col-md-3">
		<label for="usr">Цельсии:</label>
		<input type="text" class="form-control" id="celcius" onkeyup="celciusToFahrenheit()">
	</div>

	<div class="form-group col-md-3">
		<label for="pwd">Фаренгейты:</label>
		<input type="text" class="form-control" id="fahrenheit" onkeyup="fahrenheitToCelcius()">
	</div>
<font id ='stats' STYLE='font-size:12pt'  face='Arial' > stats</font>
	<script>
	require('./renderer.js');// хотя так требуют, но ругается на это и далее работа скрипта  не полноценная

		//require('./renderer.js');// хотя так требуют, но ругается на это и далее работа скрипта  не полноценная
		//require('test.js');
		//console.log(test);
	/*	consolr.log(__dirname);
	const Store = require('electron-store');
	const store = new Store();

	store.set('unicorn', '🦄');
	console.log("store.get('unicorn')"+store.get('unicorn'));
	//=> '🦄'

	// Use dot-notation to access nested properties
	store.set("'foo.bar', true"+'foo.bar', true);
	console.log(store.get('foo'));
	//=> {bar: true}

	store.delete('unicorn');
	console.log("store.get('unicorn')"+store.get('unicorn'));
	*/
		function celciusToFahrenheit(){
			let celcius = document.getElementById('celcius').value;
			let fahrenheit = (celcius* 9/5) + 32;
			document.getElementById('fahrenheit').value = fahrenheit;
		}

		function fahrenheitToCelcius(){
			let fahrenheit = document.getElementById('fahrenheit').value;
			let celcius = (fahrenheit - 32) * 5/9
			document.getElementById('celcius').value = celcius;
		}

	</script>
</body>
</html>
Illusiony вне форума   Ответить с цитированием
Старый 02.06.2019, 12:17   #2
Alex11223
Модератор
Заслуженный модератор
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 18,735
Репутация: 3673

icq: 512-765
skype: alexp.frl
По умолчанию

Цитата:
Сообщение от Illusiony Посмотреть сообщение
инструмент разработчика ругается "Uncaught ReferenceError: require is not defined".
вы обычным браузером запускаете что ли?

https://electronjs.org/docs/tutorial/first-app
Alex11223 вне форума   Ответить с цитированием
Старый 02.06.2019, 12:23   #3
Illusiony
Участник клуба
 
Регистрация: 17.02.2014
Сообщений: 873
Репутация: 73
По умолчанию

npm start из рабочей папки c помощью powershell windows 10

сообщение это из инструмента разработчика внутри приложения- как в браузере хрома

Соответственно подключаемые данные таких файлов не работают.

Последний раз редактировалось Illusiony; 02.06.2019 в 12:27.
Illusiony вне форума   Ответить с цитированием
Старый 02.06.2019, 12:32   #4
Alex11223
Модератор
Заслуженный модератор
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 18,735
Репутация: 3673

icq: 512-765
skype: alexp.frl
По умолчанию

Код:
nodeIntegration: true
https://github.com/electron/electron...master/main.js
Alex11223 вне форума   Ответить с цитированием
Старый 02.06.2019, 12:47   #5
Illusiony
Участник клуба
 
Регистрация: 17.02.2014
Сообщений: 873
Репутация: 73
По умолчанию

Цитата:
Сообщение от Alex11223 Посмотреть сообщение
Огромное спасибо! Работает. Но почему то это не указано в примерах, где я смотрел и работало.
Как хорошо, что есть такие форумы и такие люди. А то я бы еще неизвестно сколько бы искал, а самое главное запал интереса к теме при этом бы падал.
Спасибо !

А в курсе как использовать localStorage в таком приложении?

По моим тестам оно работает только во время выполнения программы, данные не сохраняются после перезагрузки программы. В общем ведет себя как хранилище сессии. Это так и должно быть?

Последний раз редактировалось Illusiony; 02.06.2019 в 12:52.
Illusiony вне форума   Ответить с цитированием
Старый 02.06.2019, 13:12   #6
Alex11223
Модератор
Заслуженный модератор
 
Аватар для Alex11223
 
Регистрация: 12.01.2011
Сообщений: 18,735
Репутация: 3673

icq: 512-765
skype: alexp.frl
По умолчанию

Цитата:
Сообщение от Illusiony Посмотреть сообщение
А то я бы еще неизвестно сколько бы искал
что там искать? текст ошибки + electron
Alex11223 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[РЕШЕНО]: Не подключаются css стили NedoProgrammer HTML и CSS 2 09.08.2016 16:20
Не подключаются автоматически модули в дизайнтайме для данных в TPicture DrunkPacifist Компоненты Delphi 3 07.02.2014 12:58
ЯД -> Visa Electron zumm Свободное общение 5 03.10.2011 11:01
Заголовочные файлы. Модули. MS VC++ SrgGld Помощь студентам 5 19.09.2011 04:01
Модули, файлы на Free(Turbo) Паскале White catty Помощь студентам 0 26.12.2009 15:12


02:57.


Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru