Обычно я настраиваю веб-пакет, и когда я попытался перевести dev-сервер в режим разработки в веб-пакете, я столкнулся с этой ошибкой.
Я пытался следовать некоторым инструкциям в других вещах, пытался начать дважды, но все равно получал ту же ошибку. Я не могу понять, что я делаю здесь неправильно. Если у кого-то есть решение этой проблемы, я буду очень признателен. Благодарю.
Ошибка, которую я получаю:
bundle.js:20 Uncaught TypeError: Cannot read property 'call' of undefined
at __webpack_require__ (bundle.js:20)
at eval (index.js:2)
at Object../src/js/index.js (bundle.js:357)
at __webpack_require__ (bundle.js:20)
at eval (webpack:///multi_(:8080/webpack)-dev-server/client?:2:18)
at Object.0 (bundle.js:368)
at __webpack_require__ (bundle.js:20)
at bundle.js:69
at bundle.js:72
Особенности ошибки:
// Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
webpack.config.js:
const path = require('path');
module.exports = {
entry: './src/js/index.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'js/bundle.js'
},
devServer: {
contentBase: './dist'
}
};
package.json:
{
"name": "forkify",
"version": "1.0.0",
"description": "forkify project",
"main": "index.js",
"scripts": {
"dev": "webpack --mode development",
"build": "webpack --mode production",
"start": "webpack-dev-server --mode development --open"
},
"author": "Jonas Schmedtmann",
"license": "ISC",
"devDependencies": {
"webpack": "^4.2.0"
},
"dependencies": {
"webpack-cli": "^2.1.5",
"webpack-dev-server": "^3.4.1"
}
}
index.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script src="js/bundle.js"></script>
</body>
</html>
Я ожидаю каких-либо решений для этого.