Google File Picker 离开后返回根目录无内容问题排查

核心遗漏原因 #

你没有为DocsView显式指定根目录锚点，从子文件夹回退到根目录时，Picker丢失了根目录的唯一标识，导致无法触发正确的根目录内容加载请求。

修复方法 #

在createView方法中创建DocsView实例后，新增view.setParent('root')配置，明确指定根目录作为视图的父节点和导航回退的锚点即可。
修改后的完整createView代码如下：

const createView = () => {
        const google = google || window.google;
        // show all docs
        const view = new google.picker.DocsView();
        // 新增配置：明确指定根目录为父级锚点
        view.setParent('root');
        // include the ability to see & navigate folders
        view.setIncludeFolders( true );
        // constrain file types to those accepted for upload
        const acceptedTypes = [
            ...Globals.acceptedSharedDocumentFileTypes,
            ...Globals.googleFileMimeTypes,
        ];
        // 原拼接逻辑可优化为直接使用join方法，效果一致
        const mimeTypes = acceptedTypes.join(',');
        view.setMimeTypes( mimeTypes );
        // view as list instead of GRID
        view.setMode( google.picker.DocsViewMode.LIST );
        return view;
    };

可选优化配置 #

如果你的业务场景需要同时展示用户自有文件和共享给用户的文件，可按需添加以下配置，避免内容被过滤：

• 显示用户自己的Drive文件：view.setOwnedByMe(true)
• 显示共享给用户的文件：可额外创建一个DocsView实例，配置view.setSharedWithMe(true)后，通过PickerBuilder.addView()添加到选择器中即可。

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