When I run `npm start` on my Vue project, everything seems okay, but when I open the browser page, it shows up blank and gives me an Uncaught error:
TypeError: Cannot read property 'call' of undefined
The console view displays the following error message:
Uncaught TypeError: Cannot read property 'call' of undefined
at __webpack_require__ (app.js:768)
at fn (app.js:142)
at Module../src/main.js (app.js:10476)[enter image description here][1]
at __webpack_require__ (app.js:768)
at fn (app.js:142)
at Object.0 (app.js:10547)
at __webpack_require__ (app.js:768)
at checkDeferredModules (app.js:44)
at app.js:844
at app.js:847
Upon further debugging, I noticed a particular line causing the issue:
modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));
// The require function
function __webpack_require__(moduleId) {
// Check if module is in cache
if(installedModules[moduleId]) {
return installedModules[moduleId].exports;
}
// Create a new module (and put it into the cache)
var module = installedModules[moduleId] = {
i: moduleId,
l: false,
exports: {},
hot: hotCreateModule(moduleId),
parents: (hotCurrentParentsTemp = hotCurrentParents, hotCurrentParents = [], hotCurrentParentsTemp),
children: []
};
// Execute the module function
**modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));**
// Flag the module as loaded
module.l = true;
// Return the exports of the module
return module.exports;
}