Исправление для вашей проблемы упомянуто ниже
webpack.config.js
и package.json
всегда будут в вашем базовом пути проекта, и команды узла должны запускаться по этому пути
Вы должны внести следующие исправленияв вашем webpack.config.js
& package.json
package.json
--watch
автоматически найдет файл, указанный в entry
объекте в webpack.config.js
, и продолжит наблюдать его граф зависимостей, чтобыавтозагрузка при обнаружении изменений.Вам необходимо обновить package.json
, указав ниже детали
"scripts": {
"webpack" : "webpack", // invoke this command from npm run dev & npm run build
"dev": "npm run webpack -- --mode development --watch",
"build": "npm run webpack -- --mode production"
}
Работа в режиме наблюдения может привести к проблемам с производительностью в зависимости от используемого оборудования, Подробнее об этом
webpack.config.js
Добавьте entry
объект к вашему webpack.config.js
.Если вы не переопределили объект ввода, по умолчанию веб-пакет указывает entry
объект на '. / Src / index.js`.Поскольку вы не используете конфигурацию по умолчанию в своем проекте, webpack выдает ошибку
ERROR in Entry module not found: Error: Can't resolve './src' in '/root/../coding_challenge'
Чтобы исправить ошибку, вам необходимо переопределить объект entry
с вашим целевым файлом js
, как показано ниже
module.exports = {
entry : "./frontend/src/index.js",
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
}
]
}
}
если вышеуказанные исправления будут выполнены,
npm run dev
запустит ваш проект в режиме наблюдения
npm run build
сгенерирует производственную сборку для вашегоproject
Дайте мне знать, если эта информация решит вашу проблему