QML关于FileDialog使用问题

yanxin

【新人求教】在学习《Qt 5 编程入门》第二版的时候第4章4.8.2节 FileDialog，运行例程显示弹出对话框有点问题，求指导，如何做才能显示正常呢？
例程：
main.cpp

#include <QGuiApplication>
#include <QQmlApplicationEngine>

int main(int argc, char *argv[])
{
    QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);

    QGuiApplication app(argc, argv);

    QQmlApplicationEngine engine;
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    if (engine.rootObjects().isEmpty())
        return -1;

    return app.exec();
}

main.qml

import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Dialogs 1.3

ApplicationWindow {
    visible: true
    id: window; width: 300; height: 300
    Label {
        id: filePathLabel
        anchors.top: parent.top;
        anchors.left: parent.left;
        anchors.right: parent.right
    }

    Button {
        width: 100; height: 50; text: "File Dialog"
        anchors.centerIn: parent
        onClicked: fileDialog.open()
    }

    FileDialog {
        id: fileDialog
        title: "Please choose a file"
        nameFilters: [ "Image files (*.jpg *.png)", "All files (*)" ]
        folder: shortcuts.music
        onAccepted: { filePathLabel.text = fileDialog.fileUrl }
        onRejected: { console.log("Canceled") }
    }
}

问题：
1.程序输出框有QML QSettings 警告

2.弹出窗口没有左边的快捷访问窗口，并且窗口显示不正常，无法打开文件夹