[Vue警告]：v-on处理程序中的错误：“ TypeError：fs.​​existsSync不是函数”

Question

我正在尝试获取通过函数传递的图像的DataURI，但它给我错误：

v-on处理程序中的错误：“ TypeError：fs.​​existsSync不是函数。

注意：：我已经安装了datauri并尝试复制其示例之一

上图是我试图在我的方法中使用的示例。

    <template>
  <section>
    <v-btn color="success" @click="sampleParams">CONVERT TO URI</v-btn>
  </section>
</template>

<script>
import { sync as DataURI } from "datauri";
export default {
  data() {
    return {};
  },
  methods: {
    sampleParams: function() {
      const Datauri = require("datauri");
      let datauri = new Datauri("../python/IDfront.png");

      console.log(datauri.content);
    }
  }
};