Эта проблема возникает только в Firefox.
Я настроил минимальный проект с помощью веб-пакета и продолжаю получать сообщение об ошибке в консоли Firefox
[WDS] Отключено!
Несмотря на то, что я искал его в Интернете, и было предложено много решений, к сожалению, ни одно из них не применимо ко мне.Я изменил localhost
на 127.0.0.1
и 0.0.0.0
, и ни один из этих приемов не сработал.Я обновил npm
.Это тоже не сработало.
$ tree
.
├── aaa.js
├── aaa.png
├── index.html
├── package.json
├── package-lock.json
└── webpack.config.js
Содержимое файла:
aaa.js
(empty)
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>my title</title>
</head>
<body>
Hello world!
</body>
</html>
package.json
{
"name": "react-2",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --open --mode development",
"build": "webpack"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"html-loader": "^0.5.5",
"html-webpack-plugin": "^3.2.0",
"prop-types": "^15.6.2",
"webpack": "^4.27.1",
"webpack-cli": "^3.1.2",
"webpack-dev-server": "^3.1.10"
}
}
webpack.config.js
const HtmlWebPackPlugin = require("html-webpack-plugin");
const path = require('path');
module.exports = {
entry: './aaa.js',
output: {
path: path.resolve(__dirname, 'dist'),
filename: 'bundle.js',
},
module: {
rules: [
{
test: /\.html$/,
use: [
{
loader: "html-loader"
}
]
},
]
},
devServer: {
host: '127.0.0.1',
port: 8080,
},
plugins: [
new HtmlWebPackPlugin({
template: "index.html",
filename: "./index.html",
favicon: "aaa.png"
})
]
};