Javascript 使用Blazor WebAssembly在.NET visual studio中找不到JS文件

我试图将名为

chatfunction.JS

的JS脚本文件添加到Blazor中的

index.html

中，但它给了我一个无法找到文件的错误。我的CSS链接正确，HTML和CSS都显示出来，但它没有提供我实现的任何JS功能

我在

index.HTML

中将其添加到HTML的底部，如下所示：

....
 <script src="_framework/blazor.webassembly.js"></script>
    <script src="chatfunction.js"></script>

</body>

</html>

我不明白为什么它找不到它，我很困惑为什么它认为我的文件是mysrc.js，因为在我的项目结构中没有这样的文件

有没有关于如何解决这个问题的建议

这是我的JS文件的布局

var botController = (function () {


})();

var uiController = (function () {


})();




var controller = (function (botCntr, uiCntr) {
    var $chatCircle,
        $chatBox,
        $chatBoxClose,
        $chatBoxWelcome,
        $chatWraper,
        $submitBtn,
        $chatInput,
        $msg;

    /*toggle*/
    function hideCircle(evt) {
        evt.preventDefault();
        $chatCircle.hide('scale');
        $chatBox.show('scale');
        $chatBoxWelcome.show('scale');
    }

    function chatBoxCl(evt) {
        evt.preventDefault();
        $chatCircle.show('scale');
        $chatBox.hide('scale');
        $chatBoxWelcome.hide('scale');
        $chatWraper.hide('scale');
    }

    function chatOpenMessage(evt) {
        evt.preventDefault();
        $chatBoxWelcome.hide();
        $chatWraper.show();
    }

    //generate messages on submit click
    function submitMsg(evt) {
        evt.preventDefault();

        //1. get input message data
        msg = $chatSubmitBtn.val();

        //2.if there is no string button send shoudn't work
        if (msg.trim() == '') {
            return false;
        }
        //3. add message to bot controller
        callbot(msg);
        //4. display message to ui controller
        generate_message(msg, 'self');

    }

    function chatSbmBtn(evt) {
        if (evt.keyCode === 13 || evt.which === 13) {
            console.log("btn pushed");
        }
    }
    /* var input = uiCntr.getInput();*/
    /* $chatSubmitBtn.on("click", hideCircle);*/



    function init() {
        $chatCircle = $("#chat-circle");
        $chatBox = $(".chat-box");
        $chatBoxClose = $(".chat-box-toggle");
        $chatBoxWelcome = $(".chat-box-welcome__header");
        $chatWraper = $("#chat-box__wraper");
        $chatInput = $("#chat-input__text");
        $submitBtn = $("#chat-submit");

        //1. call toggle 
        $chatCircle.on("click", hideCircle);
        $chatBoxClose.on("click", chatBoxCl);
        $chatInput.on("click", chatOpenMessage);

        //2. call wait message from CRM-human

        $submitBtn.on("click", chatSbmBtn);
        $chatInput.on("keypress", chatSbmBtn);


        //6. get message from bot controller-back end
        //7. display bot message to ui controller
    }

    return {
        init: init
    };

})(botController, uiController);


$('.chat-input__form').on('submit', function (e) {
    e.preventDefault();
    msg = $('.chat-input__text').val();

    $('.chat-logs').append('<div id="cm-msg-0" class="chat-msg background-warning push-right bot"><div class="cm-msg-text">' + msg + '</div><span class="msg-avatar"><img class="chat-box-overlay_robot" src="https://www.meetsource.com//userStyles/images/user.png"></span></div>');
    $('.chat-input__text').val('');
});


$(document).ready(controller.init);


function talk() {
    var user = document.getElementById("userBox").value;
    document.getElementById("userBox").value = "";
    document.getElementById("chatLog").innerHTML += user + "<br>";

} 

var botController=（函数（）{
})();
var uiController=（函数（）{
})();
变量控制器=（函数（botCntr、uiCntr）{
var$chatCircle，
$chatBox，
$chatBoxClose，
$chatBoxWelcome，
$chatWraper，
$submitBtn，
$chatInput，
$msg；
/*拨动*/
函数隐藏循环（evt）{
evt.preventDefault（）；
$chatcirle.hide（'scale'）；
$chatBox.show（'scale'）；
$chatBoxWelcome.show（'scale'）；
}
功能chatBoxCl（evt）{
evt.preventDefault（）；
$chatcirle.show（'scale'）；
$chatBox.hide（'scale'）；
$chatBoxWelcome.hide（'scale'）；
$chatWraper.hide（'scale'）；
}
函数chatOpenMessage（evt）{
evt.preventDefault（）；
$chatBoxWelcome.hide（）；
$chatWraper.show（）；
}
//在提交时单击生成消息
功能提交TMSG（evt）{
evt.preventDefault（）；
//1.获取输入消息数据
msg=$chatSubmitBtn.val（）；
//2.如果没有字符串按钮，则发送不起作用
如果（msg.trim（）=''）{
返回false；
}
//3.将消息添加到bot控制器
callbot（msg）；
//4.向ui控制器显示消息
生成_消息（msg，“self”）；
}
功能聊天室MBTN（evt）{
if（evt.keyCode==13 | | evt.which==13）{
控制台日志（“btn推送”）；
}
}
/*var input=uiCntr.getInput（）*/
/*$chatSubmitbttn.on（“单击”，隐藏）*/
函数init（）{
$chatCircle=$（“#聊天圈”）；
$chatBox=$（“.chatBox”）；
$chatBoxClose=$（“.chat box toggle”）；
$chatBoxWelcome=$（“.chat-box-welcome\uuu头”）；
$chatWraper=$（“聊天盒”）；
$chatInput=$（“#聊天输入文字”）；
$submitBtn=$（“#聊天提交”）；
//1.呼叫切换
$chatCircle.on（“单击”，隐藏）；
$chatBoxClose.on（“单击”，chatBoxCl）；
$chatInput.on（“单击”，chatOpenMessage）；
//2.来自CRM人员的呼叫等待消息
$submitbttn.（“点击”，chatSbmBtn）；
$chatInput.on（“按键”，chatSbmBtn）；
//6.从bot控制器后端获取消息
//7.向ui控制器显示bot消息
}
返回{
init:init
};
})（Botler控制器）；
$（'.chat-input__form'）。关于（'submit'，函数（e）{
e、 预防默认值（）；
msg=$（'.chat-input__text'）.val（）；
$（'.chat logs'）.append（''+msg+''）；
$（'.chat-input__-text'）.val（''）；
});
$（文档）.ready（controller.init）；
函数谈话（）{
var user=document.getElementById（“userBox”）.value；
document.getElementById（“用户框”）.value=“”；
document.getElementById（“chatLog”）.innerHTML+=user+“
”；
} 

我认为您的脚本行需要：

<script src="js/chatfunction.js"></script>

<script src="js/chatfunction.js"></script>