$ не определен в импортированном js

У меня есть веб-страница, на которой у меня есть JavaScript в отдельном файле от моего файла HTML. Я импортировал

<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

в моем HTML-файле, но когда я пытаюсь поработать в моем js-файле, чтобы внести некоторые обновления через некоторое время, я получаю следующую ошибку

ERROR: '$' is not defined.[no-undef]
ERROR: 'document' is not defined. [no-undef]

Пример, где указанные выше ошибки являются ссылками в моем js-коде:

$(document).ready(function () {

    $("#screenNum").hide(); 

    ...

}

Документ отображается в браузере без проблем, JS функционирует так, как задумано, и когда я смотрю на инструменты разработчика в браузере, ошибок нет. Я хотел бы избавиться от этих ошибок, чтобы сосредоточиться на реальных ошибках.

Прошло несколько лет с тех пор, как я работал над этим документом, и я хотел внести в него некоторые улучшения, и только сейчас возвращаюсь к нему. Я не помню эту ошибку, когда в последний раз работал с ней в Dreamweaver, и не знаю, что мне не хватает.

Все похожие вопросы, на которые я смотрел, похоже, имеют дело, когда JavaScript находится в документе HTML, а не в отдельном файле.