Javascriptファイルがブラウザにロードされていません

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>