javascript - Vuejs nuxt 仅在浏览器中导入

Question

当进程是浏览器时，我正在尝试导入 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' 。我如何实现这个目标

Answer 1

您需要使用require .

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