【解決方法】jqueryメッセージングを受け入れるWebフォームを作成するには?

こんにちはチーム

jquery メッセージングを使用していますが、期待どおりに動作しません。 ユーザーが連絡先フォームから値を挿入する前のことを意味します。 すべての必須フィールドがあることを確認する必要があります。 現在、フロントエンドからはそれを行っていますが、メッセージ表示はなく、ブラウザから要素を調べると、次のエラーが表示されます」

Uncaught SyntaxError: Cannot use import statement outside a module (at messages.min.js:1:437)

“。

私が試したこと：

<pre lang="Javascript">

<script src="js/jquery.validate.js"></script>
    <script src="js/signup-form.js"></script>
    <script src="js/messages.min.js"></script>

// サインアップフォームのメッセージ

/**
@author:Gcobani Mkontwana
@date:10/02/2023
signup-form.js
*/

$().ready(function() {
    
$('#signup-form').validate({
rules:{
    name: {
        required:true,
        minlength:12
    },
    surname:{
        required:true,
        minlength:15
    },
    email:{
        required:true,
        email:true
    },
    confirmed_email:{
        required:true,
        confirmed_email:true
        
    },
    phone_number: {
        required:true,
        phone_number:true,
        minlength:10
    },
    service_number:{
        required:true,
        service_number:true,
        minlength:10
    },
    agree: {
        required:true,
        agree:true
    }
},
messages: {
    name: {
        required:"Please enter your name",
        minlength:"Your name must have at least 12 characters"
    },
    surname: {
        required:"Please enter your surname",
        minlength:"Your surname must have at least 15 characters"
    },
    email: {
        required:"Please enter your email address",
        equalTo:"Please enter the same email address as above"
    },
    agree: "Please accept our policy"
}

})
});