자바 스크립트 파일이 브라우저에로드되지 않습니다.

Question

다른 이유로 .js 파일이 브라우저에로드되지 않는 등의 문제가 있습니다. 문제는로드해야하는 파일이 내 "사이트"가 작동하는 데 중요하다는 것입니다. Heres는 코드 :

var viewModel = new PeopleTableViewModel({ 
// uncaught reference error  Peopetable view model is not defined 
pageSize: 25, 
current: data.length, 
context: document.getElementById('table') 
}); 

var comparator = new Comparators(); 

function init() { 
viewModel.next(); 
} 

Heres는 내 HTML :

<div id="table"></div> 

    <button onclick="viewModel.prev()">PREV</button> 
    <button onclick="viewModel.next()">NEXT</button> 


    <script type="application/javascript" src="scripts/DATA.js"></script> 
    <script type="application/javascript" src="scripts/Comparators.js"></script> 
    <script type="application/javascript" scr="scripts/PeopleTableViewModel.js"></script> 
    <script type="application/javascript" src="scripts/ListOfPeople.js"></script> 
    <script type="application/javascript" src="scripts/scripts.js"></script> 
    <script type="application/javascript" src="scripts/Person.js"></script> 

</body> 

그리고 PeopleTableViewModel.js :

function PeopleTableViewModel(config) { 
    var self = this; 
    self.people = new ListOfPeople(); 
    self.currentPage = 0; 
    self.pageSize = config.pageSize; 
    self.context = config.context; 

    self.next = function() { 
    //alert('kliknąłeś następny'); 
    self.people.clear(); 
    var begin = (self.currentPage) * self.pageSize; 
    var end = (self.currentPage + 1) * self.pageSize; 
    getData(begin, end); 
    self.currentPage++; 
    self.context.innerHTML = self.people.toTable(); 
    } 
    self.prev = function() { 
    //alert('kliknąłeś poprzedi'); 
    self.people.clear(); 
    if (self.currentPage - 1 >= 0) { 
     self.currentPage--; 
    } 
    var begin = (self.currentPage) * self.pageSize; 
    var end = (self.currentPage + 1) * self.pageSize; 
    getData(begin, end); 
    self.context.innerHTML = self.people.toTable(); 
    } 

    self.sort = function(comparer) { 
    data.sort(comparer); 
    self.currentPage = 0; 
    self.next(); 
    } 

    var getData = function(begin, end) { 
    if (end > data.length) { 
     end = data.length; 
    } 
    if (begin < 0) { 
     begin = 0; 
    } 
    for (var i = begin; i < end; i += 1) { 
     self.people.addPerson(data[i]); 
    } 
    } 
} 

내 문제에 시간을내어 주셔서 감사합니다!

Answer 1

html 마크 업에서 실수를했습니다. 대신

<script type="application/javascript" src="scripts/PeopleTableViewModel.js"></script>