View() on lists shows blank pane — jquery.json-viewer.css path mismatch in 2.8.7

Open Beginner friendly
#1,687 4 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
84/100
Issue type
Bug
Clarity
Clearly specified
Activity status
Active
Tech stack
jquery, typescript, vscode
Domain
frontend

Research direction

Start by tracing the webview stylesheet reference to dist/resources/jquery.json-viewer.css and compare it with the packaged file at dist/resources/json-viewer/jquery.json-viewer.css. Reproduce View() on an R list and verify that the tree viewer renders without manually copying files.

Written by the indexing model from the issue text.

Description

bug

Environment

VSCode R Extension version: 2.8.7
OS: Fedora 43
R version: 4.5.3

Describe the bug

Calling View() on an R list opens the viewer pane but renders nothing.

Image

The webview logs the following error:
ERR Webview.loadLocalResource - Error using fileReader. requestUri: file:///home/.../.vscode/extensions/reditorsupport.r-2.8.7/dist/resources/jquery.json-viewer.css resourceToLoad: file:///home/.../.vscode/extensions/reditorsupport.r-2.8.7/dist/resources/jquery.json-viewer.css

Image

Root cause

The extension references dist/resources/jquery.json-viewer.css but the file is actually located at dist/resources/json-viewer/jquery.json-viewer.css. The resource moved into a subdirectory but the path reference was not updated.

Workaround

Copying jquery.json-viewer.css from dist/resources/json-viewer/ up to dist/resources/ restores functionality.

Expected behavior

View() on a list should display the tree viewer without manual file manipulation.

Image
Dominant language
TypeScript
Stars
1.2k
Forks
139
Avg merge
10h 1m
Merged PRs (30d)
7

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from REditorSupport/vscode-R

All issues in REditorSupport/vscode-R

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.