javascript - Vue.js Nuxt仅在浏览器中导入

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

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

           components:{
               FilePond
             }
          }
     </script>

因此，期待的是将上述内容更改为仅在Filepond是浏览器的情况下才导入。我知道你可以通过

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

但是在上面，我不能直接在if语句中添加import * as Filepond from 'filepond'。我如何做到这一点

最佳答案

您需要使用require。

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