webpack - 使用 webpack-dev-server 的错误
问题描述
我正在尝试编译此命令
npm run dev-server
我有这些文件
index.js
import otherSquare, { addNumber, name } from './utilities';
import otherScream from './scream';
console.log('index.js');
console.log(addNumber(30, 3));
console.log(name);
console.log(otherScream(name));
console.log(otherSquare(10));
webpack.config.js
const path = require('path');
module.exports = {
entry: './src/index.js',
output: {
path: path.resolve(__dirname, 'public/scripts'),
filename: 'bundle.js'
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: 'babel-loader',
options: {
presets: ['env']
}
}
}
]
},
devServer: {
contentBase: path.resolve(__dirname, 'public'),
publicPath: '/scripts/'
}
};
包.json
{
"name": "boilerplate",
"version": "1.0.0",
"description": "",
"main": "input.js",
"scripts": {
"dev-server": "webpack-dev-server"
},
"author": "",
"license": "ISC",
"dependencies": {
"babel-loader": "^7.1.4",
"babel-preset-env": "^1.6.1",
"webpack-dev-server": "^3.9.0"
},
"devDependencies": {
"babel-cli": "^6.26.0",
"live-server": "^1.2.1",
"webpack": "^4.5.0",
"webpack-cli": "^2.0.14"
}
}
当我在下面运行命令行时
npm run dev-server
我的网站正在运行,当我保存一些文件时,它会在页面上刷新,但是当我打开浏览器控制台时,会出现此错误
解决方案
我在终端中写了这个命令行
npm install webpack@latest webpack-cli@latest webpack-dev-server@latest
现在工作了
推荐阅读
- php - 那么我如何解决在 PHP 线程中没有共享全局范围的问题
- bash - 用于将文件分成目录、反向排序和在 HTML 文件中打印的 Bash 脚本适用于某些文件,但不适用于其他文件
- python - 如何将查询转换为 django ORM 查询
- jquery - 如何使用 jquery 将日期格式转换为 2018 年 9 月 13 日之类的格式
- python - 使用 pyodbc 从 python 运行不带参数的 SQL-server 存储过程
- python - PYQT5:按下按钮使用公式计算后,应用程序关闭。
- javascript - Python BeautifulSoup html.parser 不工作
- r - 通过不同时间段的处理制作散点图(或X,Y)
- scala - 从 Lagom/Akka Kafka 主题订阅者为 Websocket 创建源
- python - 如何使用混合数据类型值迭代 DF['column']?