Как правильно подключать файлы для работы приложения?

Question

Дмитрий Кузнецов @dima9595

Junior PHP

Как правильно подключать файлы для работы приложения?

Начал разрабатывать приложение на ElectronJS и столкнулся с некоторыми трудностями. Надеюсь вы мне объясните.
PS: С NodeJS ранее не работал, так что многое не понимаю...

Есть пустое приложение:
render.js - основной файл, тут весь код для запуска.
view/index.html - как основной файл вида
Приложение собираюсь делать на vuejs и jquery, но когда я подключаю файлы то выходят ошибки что-то типо "$ не понятна функция". Vuejs и jquery установлены через npm. Подключал и через require (в render.js) и через script:src - всё равно такая же ошибка.
То есть вопрос таков: Как правильно подключать файлы для работы приложения?

PS: да, знаю, много ответов на эту тему, но хотелось бы найти какой-то нейтральный вариант, что бы и удобно и правильно.
Заранее спасибо!

Вопрос задан более трёх лет назад
131 просмотр

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 1

3 комментария

Дмитрий Кузнецов @dima9595 Автор вопроса

Дело в том, что если подключать jquery через обычный script:src, то пишет что $ не понятно приложению.

Написано более трёх лет назад

Дмитрий Кузнецов @dima9595 Автор вопроса

<!doctype html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/style.css">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <title>Document</title>
    <script src="../js/jquery-3.2.1.min.js"></script>
</head>
<body>

<nav>
    <div class="nav-wrapper">
        <a href="#" class="brand-logo"><i class="material-icons">cloud</i>Logo</a>
        <ul class="right hide-on-med-and-down">
            <li><a href="#"><i class="material-icons">search</i></a></li>
            <li><a href="#"><i class="material-icons">view_module</i></a></li>
            <li><a href="#"><i class="material-icons">refresh</i></a></li>
            <li><a href="#"><i class="material-icons">more_vert</i></a></li>
        </ul>
    </div>
</nav>

<div id="app"></div>

<script>
$('#app').html('text');
</script>

</body>
</html>

Console:

Uncaught ReferenceError: $ is not defined

Написано более трёх лет назад

Дмитрий Кузнецов @dima9595 Автор вопроса

jQuery подключается, всё норм. А вот скрипт
$('#app').html('text');

не отрабатывает. Мб я просто забыл jquery и что то не так делаю?

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- 3 часа назад
- 60 просмотров
1

ответ
Node.js

+1 ещё

Средний
Как отдельным потоком постоянно отправлять сообщения в WebSocket клиенту?
- 1 подписчик
- 6 часов назад
- 56 просмотров
1

ответ
Node.js

+1 ещё

Простой
Как включить авто импорт nodejs модулей?
- 1 подписчик
- 7 часов назад
- 47 просмотров
2

ответа
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- 9 часов назад
- 35 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 134 просмотра
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- вчера
- 99 просмотров
1

ответ
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- вчера
- 667 просмотров
1

ответ
Linux

+2 ещё

Простой
Почему не удается подключиться к серверу с самоподписанным доверенным сертификатом?
- 2 подписчика
- 22 нояб.
- 195 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 22 нояб.
- 74 просмотра
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 22 нояб.
- 41 просмотр
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Изображения на главную страницу в стиле Jetton и 1вин

25 нояб. 2024, в 00:22

12000 руб./за проект

Дизайн презентации

24 нояб. 2024, в 23:46

20000 руб./за проект

Разработать Telegram-бота для анализа звонков продаж

24 нояб. 2024, в 23:15

10000 руб./за проект

Answer 1 · 2017-11-09 09:59:49

По сути, точно так же как и в обычной frontend разработке.
Эти файлы надо подключать в скрипте который подключается в index.html.
Не стоит использовать одновременно vuejs и jq, они по-разному работают с DOM и можно все поломать. Если есть необходимость во VueJS (как и Angular, React, etc) использовать jquery, то что-то пошло не так...

Как правильно подключать файлы для работы приложения?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт