VS Code Interactive中tqdm.notebook渲染异常求助

问题情况 #

之前在VS Code Interactive中使用from tqdm.auto import tqdm能正常显示美观的交互式进度条，但用venv新建虚拟环境后，只能显示纯文本版进度条，运行示例代码时没有美观进度条输出，Jupyter日志中出现HTMLStyleModel加载失败的报错。

示例代码：

from tqdm.auto import tqdm
import time
for i in tqdm(range(10)):
    time.sleep(.1)

关键报错信息 #

error 13:23:28.532: Widget load failure {} {
  className: 'HTMLStyleModel',
  moduleName: '@jupyter-widgets/controls',
  moduleVersion: '2.0.0',
  cdnsUsed: false,
  isOnline: true,
  timedout: false,
  error: '{}'
}

解决方案 #

• 升级jupyter-widgets相关依赖包：报错显示@jupyter-widgets/controls版本为2.0.0，版本过低导致兼容性问题。在venv环境中运行以下命令更新：

  pip install --upgrade ipywidgets tqdm
  

• 确认VS Code的Jupyter Widgets扩展状态：打开VS Code扩展面板，搜索「Jupyter Widgets」，确保该扩展已安装并启用。
• 重启VS Code与Interactive内核：更新完成后，关闭并重新打开VS Code，在Interactive窗口中重启Python内核，再次运行测试代码即可看到美观的进度条。

内容的提问来源于stack exchange，提问作者j7skov