要解决Angular Material的Sidenav被渲染但不显示的问题，你可以尝试以下解决方法：

1. 确保正确导入了Angular Material的相关模块。在你的组件所在的模块中，确保导入了MatSidenavModule和MatIconModule。

import { MatSidenavModule } from '@angular/material/sidenav';
import { MatIconModule } from '@angular/material/icon';

@NgModule({
  imports: [
    MatSidenavModule,
    MatIconModule
  ],
  ...
})
export class YourModule { }

2. 检查你的模板文件，确保正确使用了标签，并设置了必要的属性。例如，你需要设置opened属性来指定Sidenav是否默认打开。

3. 确认你正确使用了Sidenav组件。你需要在你的组件中声明一个@ViewChild来获取对Sidenav的引用，并在需要时打开/关闭它。

import { MatSidenav } from '@angular/material/sidenav';

export class YourComponent {
  @ViewChild(MatSidenav) sidenav: MatSidenav;

  toggleSidenav() {
    this.sidenav.toggle();
  }
}

确保在模板中的适当位置调用toggleSidenav()函数。

4. 检查Sidenav的样式。可能是Sidenav的样式被其他样式覆盖了，导致其不可见。你可以尝试在Sidenav的样式中添加!important来确保其样式生效。

.mat-sidenav {
  width: 200px !important;
}

通过检查以上几个方面，你应该能够解决Angular Material的Sidenav被渲染但不显示的问题。