要解决SilverStripe 4的GraphQL和GraphiQL UI无法正常工作的问题，可以按照以下步骤进行操作：

1. 确保已经安装了最新版本的SilverStripe 4，并且已经在项目中启用了GraphQL模块。可以使用Composer来安装最新版本的SilverStripe 4：

composer create-project silverstripe/installer my-project ^4

2. 确保在SilverStripe项目的composer.json文件中包含了GraphQL模块：

"require": {
    "silverstripe/graphql": "^4"
},

3. 运行Composer来安装GraphQL模块：

composer update

4. 创建一个GraphQL Schema文件，例如app/_graphql/schema.graphql，并添加一些GraphQL类型和查询。以下是一个简单的示例：

type Query {
    hello: String
}

schema {
    query: Query
}

5. 在SilverStripe项目的配置文件中，启用GraphQL模块并将GraphQL Schema文件路径添加到配置中。例如，可以在app/_config/graphql.yml中添加以下内容：

SilverStripe\GraphQL\Controller:
  schema:
    - 'app/_graphql/schema.graphql'

6. 确保已经启用了SilverStripe的开发模式，以便可以访问GraphiQL UI。可以通过在项目的.env文件中设置以下内容来启用开发模式：

SS_ENVIRONMENT_TYPE="dev"

7. 在浏览器中访问http://localhost/dev/graphiql，应该能够看到GraphiQL UI界面。在左侧的编辑器中输入GraphQL查询，例如：

{
    hello
}

8. 点击右侧的“Play”按钮，应该能够在下方的结果面板中看到查询的结果。

通过按照上述步骤，应该能够解决SilverStripe 4的GraphQL和GraphiQL UI无法正常工作的问题，并且能够通过GraphiQL UI进行GraphQL查询。如果问题仍然存在，可以检查日志文件或尝试重新安装SilverStripe并按照以上步骤操作。