Javascript ReferenceError:Vue.JS中未定义require

我的index.Js文件

  var app = new Vue({
  el: "#app",
  data: {
    message: "Hello Vue.js!",
    kafmessage: "null",
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split("").reverse().join("");
    },
    sendkafmessagefunction: function (event) {
      var kaf = require('./producer.js');
      var actualmessage = this.kafmessage;
      alert(actualmessage)
    },
  },
});

还有我的producer.js文件

var Kafka = require("node-rdkafka");

module.exports = function mykafkafunction(actualevent) {
 
  console.log("workin bic!");
}

我得到一个错误

Error in v-on handler: "ReferenceError: require is not defined" vue

如何在Vue组件中获取Node.JS文件

---

PS不要介意noob代码。

出现此错误消息的两个常见原因：1）您试图在浏览器中运行node.js代码，因为浏览器中没有内置

require（）

，或者2）您试图使用

require（）

在指定为ESM模块的模块中，由于ESM模块中没有

require（）

，因此使用

import

导入该模块。您应该将

var kaf=require（'./producer.js'）

移动到

index.js的顶部