Что такое исходные карты и почему Chrome DevTools не может проанализировать эту исходную карту клиента sock js? - PullRequest
Новая
       106

Что такое исходные карты и почему Chrome DevTools не может проанализировать эту исходную карту клиента sock js?

0 голосов
/ 12 апреля 2020

Все, я сейчас изучаю нод и веб-пакет через курс удеми. Консоль Google Chrome помечает ошибку «DevTools не удалось проанализировать SourceMap» здесь: Chrome Изображение ошибки Dev Tool

Я хотел бы получить помощь по устранению этой ошибки и понимания как и почему он возник.

Я создал сервер dev, используя webpack devDependencies версии 4.42.1 и webpack-cli 3.3.11. Я установил последнюю версию сервера webpack (3.10.3) и использую его для переноса и запуска двух простых файлов js.

Мой индекс. html файл находится в dist / index. html и мой пакет. js файл находится в dist / js / bundle. js. Мой файл webpack.config. js находится в моей папке root (в которой находятся папки dist и sr c). Веб-пакет устанавливается локально в папке root.

Вот файл конфигурации веб-пакета: 

        const path = require('path');

    module.exports = {
        entry: './src/js/index.js',
        output: {
            path: path.resolve(__dirname, 'dist'),
            filename: 'js/bundle.js'
        },
        devServer: {
            contentBase: './dist'
        }
    };

А вот пакет. json Файл: 

{
  "name": "forkify_starter",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production",
    "start": "webpack-dev-server --mode development --open"
  },
  "author": "DigiFreeze",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.42.1",
    "webpack-cli": "^3.3.11"
  },
  "dependencies": {
    "webpack-dev-server": "^3.10.3"
  }
}

Я установил последнюю версию узла и npm (12.16.1 и 6.13.4).

...