错误消息是指包含那里不存在的内容的文件

问题描述 投票:0回答:1

我正在制作一个网络应用程序,我在浏览器控制台中收到此错误:

dinnerOverviewView:1 Uncaught SyntaxError: Unexpected token <

我很惊讶我的javascript代码中应该有一个<,所以我查看文件js/view/dinnerOverviewView.js。那里没有<。所以我点击浏览器中的错误,我就会看到:

enter image description here

这不是我系统上的文件js/view/dinnerOverviewView.js。那个文件看起来像这样:

var DinnerOverviewView = function(container, model){
    var container = container;
    var model = model;
}

事实上,浏览器向我显示index.html文件,并以某种方式将其解释为javascript并声称它位于没有js/view/dinnerOverviewView扩展名的.js。很多疯狂!这里发生了什么?我已重新加载,但它无法解决问题。

额外信息:

我正在使用npm start在本地托管服务器。

代码的其他部分:

的index.html

<!DOCTYPE html>

<html lang="en">
  <body>

    <!--- empty placeholders for external HTML-->
    <div id="welcome"></div>
    <div id="dinnerOverview"></div>
    <div id="sidebar"></div>

    <!-- The application JavaScript code -->
    <script src="js/model/dinnerModel.js"></script>
    <script src="js/app.js"></script>
    <script src="js/view/sidebarView.js"></script>
    <script src="js/view/dishReelView.js"></script>
    <script src="js/view/welcomeView.js"></script>
    <script src="js/view/dinnerOverviewView"></script>
    <script src="js/controllers/sidebarController.js"></script>
    <script src="js/controllers/generalController.js"></script>
    <script src="js/view/dinnerOverviewView.js"></script>

  </body>
</html>

JS / app.js:

$(function() {
    //We instantiate our model
    var model = new DinnerModel();

    // We instantiate the general controller
    var generalController = new GeneralController();
    // And create the instance of ExampleView
    var sidebar = $("#sidebar");
    var sidebarView = new SideBarView(sidebar, model); 
    generalController.addView(sidebarView);
    var sidebarController = new SideController(sidebar, model);

    var dinnerOverview = $("dinnerOverview");
    var dinnerOverviewView = new DinnerOverviewView(dinnerOverview, model);
    generalController.addView(dinnerOverviewView);
    var dinnerOverviewController = new dinnerOverviewController(dinnerOverview, model);

});
javascript jquery html
1个回答
1
投票

你在.js结束时缺少<script src="js/view/dinnerOverviewView"></script>

应该是:<script src="js/view/dinnerOverviewView.js"></script>

© www.soinside.com 2019 - 2024. All rights reserved.