PrimeNG p-tabView的scrollable属性报错 正确使用方法是什么？

• 排查PrimeNG版本适配
  scrollable是PrimeNG 14.1.0及更高版本 才为TabView组件新增的配置属性，低于该版本的PrimeNG没有内置该属性，直接绑定就会触发未知属性报错。你可以在项目根目录执行npm list primeng查看当前使用的PrimeNG版本，若版本低于要求，升级到对应版本即可解决：

# 升级到最新正式版
npm install primeng@latest
# 或指定符合要求的版本
npm install primeng@^14.1.0

• 确认模块导入配置
  如果版本符合要求仍报错，检查对应业务模块的导入配置，确认已经正确引入TabView模块：

import { NgModule } from '@angular/core';
import { TabViewModule } from 'primeng/tabview';

@NgModule({
  imports: [
    // 其余依赖导入
    TabViewModule
  ]
})
export class YourBusinessModule { }

• 低版本兼容方案
  如果暂时无法升级PrimeNG版本，可以通过自定义CSS实现标签栏滚动效果：

.p-tabview-nav {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}
.p-tabview-nav .p-tabview-nav-item {
  white-space: nowrap;
  flex: 0 0 auto;
}

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