@nobostrel

Webpack-dev-server или бесконечная загрузка localhost?

Настроил окружение для разработки под реакт, при введении команды npm start меня перекидывает на localhost:8080 и тупо идет бесконечная загрузка страницы (не браузера), пока она не перестанет отвечать (и не выдаст "опаньки"). Сначала думал проблема в порту (менял на другой), не помогло, потом думал проблема в файле hosts но и там все ок... примечательно, что консоль в браузере ошибок не выдает и билд происходит без ошибок. Операционка macos, до нее работал на винде и подобного не происходило. Логики в файлах нет - соответственно никаких таймеров или циклов, которые способны стопнуть работу страницы нет.

webpack.config.js:
const htmlWebpackPlugin = require("html-webpack-plugin");
const path = require("path");

module.exports = {
devtool: "source-map",
entry: "./frontend/src/index.js",
output: {
path: path.resolve(__dirname + "/dist/"),
filename: "bundle.js"
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use: {
loader: "babel-loader"
}
},
{
test: /\.(css|scss)$/,
use: [
"style-loader",
"css-loader",
"postcss-loader",
"sass-loader"
]
}
]
},
plugins: [
new htmlWebpackPlugin({
template: "./frontend/public/index.html",
filename: "./index.html"
})
]
}

package.json:

{
"name": "random_app",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --mode development --hot --open",
"build": "webpack --mode production"
},
"author": "",
"license": "ISC",
"devDependencies": {
"@babel/core": "^7.1.2",
"@babel/preset-env": "^7.1.0",
"@babel/preset-react": "^7.0.0",
"autoprefixer": "^9.3.0",
"babel-loader": "^8.0.4",
"css-loader": "^1.0.0",
"html-webpack-plugin": "^3.2.0",
"node-sass": "^4.9.4",
"postcss-loader": "^3.0.0",
"sass-loader": "^7.1.0",
"style-loader": "^0.23.1",
"webpack": "^4.22.0",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.2.1"
},
"dependencies": {
"react": "^16.5.2",
"react-dom": "^16.5.2",
"react-router-dom": "^5.0.0"
}
}
  • Вопрос задан
  • 1375 просмотров
Пригласить эксперта
Ответы на вопрос 1
@m_frost
ну конкретно не скажу но есть паро предположений publicPath: '/' в output добавь и hot вроде луче указивать в
настройках дев сервера devSerever{ hot:true, port: 9000} .
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы