email_js__WEBPACK_IMPORTED_MODULE_2___default(...).sendForm 不是 function

Question

当我使用 Emailjs 在我的投资组合网站上使用 email 服务时。 当我尝试提交表单时出现上述错误。这是我用来创建表单的代码，使用 reactjs..

如果有人说依赖关系，请参考下面的图片

下载的 email-js 依赖项

import React from "react";
import "./contact.css";
import { useRef } from "react";
import emailjs from "email-js";

const Contact = () => {
  const form = useRef();

  const sendEmail = (e) => {
    e.preventDefault();

    emailjs
      .sendForm(
        "service_6kimd8c",
        "template_ql7mhzc",
        form.current,
        "vbCjePCf6E12Qm3kB"
      )
      .then(
        (result) => {
          console.log(result.text);
        },
        (error) => {
          console.log(error.text);
        }
      );

    e.target.reset();
  };

  return (
    <section className="contact" id="contact">
      <h1 className="sub_heading">
        Contact me <span></span>
      </h1>
      <form className="form" onSubmit={sendEmail} ref={form}>
        <div className="field">
          <input
            type="email"
            name="email"
            id="email"
            placeholder="email"
            required
          />
          <label htmlFor="email">Email</label>
        </div>
        <div className="field">
          <input
            type="text"
            name="name"
            id="name"
            placeholder="name"
            required
          />
          <label htmlFor="name">Name</label>
        </div>
        <div className="field">
          <textarea
            name="message"
            id=""
            cols="30"
            rows="10"
            required></textarea>
        </div>
        <input type="submit" className="btn" value="Submit" />
      </form>
    </section>
  );
};

export default Contact;

Answer 1

根据官方文档，您似乎没有使用建议的反应 package 。 我建议您删除您正在使用的那个并安装所描述的@emailjs/browser并执行：

import emailjs from '@emailjs/browser';

而不是你的方法

import emailjs from "email-js";