Javascript Vuejs nuxt仅在其位于浏览器中时导入

当进程是浏览器时，我尝试导入Filepond。现在我有这个

    <script>
          import * as FilePond from 'filepond'
         export default {

           components:{
               FilePond
             }
          }
     </script>

从“FilePond”导入*作为FilePond
导出默认值{
组成部分：{
鱼塘
}
}

因此，我期待的是将上述内容更改为仅导入Filepond（如果是浏览器）。我知道你可以通过

       <script>
         if(process.browser){
            ///use import here
          }

if（process.browser）{
///在这里使用导入
}

但是在上面的例子中，我不能直接在if语句中从'Filepond'添加

import*作为Filepond。如何实现这一点
您需要使用

如果使用的是Vue适配器组件，请注意导出是一个创建组件的函数<代码>vueFilePond（…插件）

 if(process.browser){
            const FilePond = require('filepond')
          }