Ошибка при использовании webpack-dev-server - PullRequest
Новая
       8

Ошибка при использовании webpack-dev-server

0 голосов
/ 24 октября 2019

Я пытаюсь скомпилировать эту команду 

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/'
    }
};

package.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

Myсайт работает, когда я сохраняю какой-то файл, он обновляется на странице, но когда я открываю консоль браузера, появляется эта ошибка

https://i.stack.imgur.com/hOpOw.jpg

1 Ответ

0 голосов
/ 24 октября 2019

Я написал эту командную строку в терминале 

npm install webpack@latest webpack-cli@latest webpack-dev-server@latest

И теперь сработало

...