我正在制作一个网络应用程序,我在浏览器控制台中收到此错误:
dinnerOverviewView:1 Uncaught SyntaxError: Unexpected token <
我很惊讶我的javascript代码中应该有一个<
,所以我查看文件js/view/dinnerOverviewView.js
。那里没有<
。所以我点击浏览器中的错误,我就会看到:
这不是我系统上的文件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>