javascript - 错误消息指的是其中不存在内容的文件

标签 javascript jquery html

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

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);

});

最佳答案

您缺少.js<script src="js/view/dinnerOverviewView"></script> 末尾.

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

关于javascript - 错误消息指的是其中不存在内容的文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49134053/

相关文章:

javascript - 如何使用 "AddEventListener"方法向 Canvas 元素添加双击事件?

javascript - 拆分 URL 和查询字符串

javascript - js点击按钮返回值的方法

html - 当我调整窗口大小时,我们如何防止图像使用 HTML-CSS 移动?

javascript - 排序数组没有发生

javascript - Cloud Functions 中的 Cloud Messaging : admin. messaging(...).send 不是函数

javascript - 如何打印由代码呈现的图表

jquery - 使用 jquery 的 IE 占位符解决方法

javascript - 重新加载 Jquery .on 事件处理程序

html - 让图像根据浏览器大小重复自身