Javascript 文件未加载到浏览器

Question

我遇到一个问题，由于某种原因，我的 .js 文件没有加载到浏览器，而其他文件却加载到浏览器中。问题是应该加载的文件对于我的“站点”的工作很重要。继承人代码:

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

这是我的 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" scr="scripts/PeopleTableViewModel.js"></script>

而不是

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