解决nuxt3生产打包以后运行服务器报错： BScroll.use is not a function

现象：

 这个问题在开发环境不存在，但是在打包后的生产环境就会有这个问题

原因分析：从表象上看是better-scoll组件库编译似乎有问题，但真正的原因是better-scroll所依赖的dom元素对象不存在, 这样就导致找不到它对应的api,或者说api失效（它自身都不存在，哪来的api），这样就会报错： xxx not a function

因为ssr默认打包.vue组件， 但是服务端node环境并没有document对象

为什么我能这么推断呢，简单走读下面的better-scroll源码就会发现： better-scroll最终必然会依赖原生的dom对象，也就是需要浏览器环境

 

 那为什么开发环境没有这个问题，而生产环境才有这个问题呢，我猜想这可能跟nuxt3的打包机制有关系，因为BScroll.use实际出现在几个.ts文件，而ts文件默认不会打包到服务端（ssr默认只打包vue组件和css文件），而是一般会打包到浏览器客户端。

但是，可能nuxt生产环境的打包机制就不是这样: 它可能也会把部分ts文件也打包到了ssr环境，

如果一旦ts文件有第三方库依赖dom对象，那么这个库的对象就会无法生效，从而它的api也会失效，最后报错： xxx not a function

 最后来谈谈解决办法： 

根据报错指引的关键字，通过vscode的全局搜索功能，找到引用到该关键字的所有ts文件，然后

通过if(process.client) 判断去执行该代码。也就是保证它不要打包到ssr服务端！