jQuery在脚本中工作，但在控制台中不工作

Question

我有一个需要jQuery的脚本，它在我的浏览器中加载时工作正常，但是当我想在我的浏览器控制台中使用jQuery进行测试时，似乎没有加载。为什么会这样？ 我正在使用webpack来管理js文件。

我的脚本文件“manage_users.js”：

import 'jquery';
console.log("Manage users js is working!");
$('#usr').val('hello');

这很好用，当我加载页面时，输入#usr加载了'hello'值。

但是，如果我去浏览器开发工具，我尝试用jquery更改值：

$('#usr').val('new value');

它不起作用。控制台中的错误是：

VM3115:1 Uncaught TypeError: $(...).val is not a function
    at <anonymous>:1:11

似乎jquery没有加载到浏览器控制台中，但它已加载到我的脚本中，因为它运行正常。