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

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 и что то не так делаю?

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

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

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

Войти через центр авторизации

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

Node.js

Средний
Как использовать worker_threads с .ts/.tsx?
- 1 подписчик
- 3 часа назад
- 14 просмотров
0

ответов
JavaScript

Простой
Как правильнее организовать код калькулятора?
- 1 подписчик
- 4 часа назад
- 56 просмотров
1

ответ
Node.js

+3 ещё

Средний
Почему билд Drone CI вечно в состоянии step 1 pending?
- 1 подписчик
- 7 часов назад
- 16 просмотров
0

ответов
JavaScript

+3 ещё

Средний
Как поменять тип проекции карты в Leaflet?
- 3 подписчика
- 10 часов назад
- 240 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Добавление определенного класса к header при прокрутке до определенного блока?
- 1 подписчик
- 14 часов назад
- 48 просмотров
0

ответов
JavaScript

Простой
Почему не срабатывает prototype reverse на строке?
- 1 подписчик
- вчера
- 51 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 2 подписчика
- вчера
- 139 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как сделать ajax фильтрацию по категориям в WP?
- 1 подписчик
- вчера
- 37 просмотров
0

ответов
JavaScript

Средний
Как сделать, чтобы встроенный обработчик события убрал сам себя?
- 3 подписчика
- вчера
- 677 просмотров
3

ответа
JavaScript

Простой
Как реализовать карирование так, чтобы оно не было замкнуто на одну переменную?
- 1 подписчик
- вчера
- 85 просмотров
0

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

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

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

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

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Установщик на INNO SETUP

03 мая 2024, в 00:45

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

Собрать демо iOS библиотеки

02 мая 2024, в 23:56

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

Переписать скрипт Python на Node.js

02 мая 2024, в 23:29

1500 руб./в час

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

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

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

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

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

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