Webpack. Module parse failed: Unexpected token (1:0)

211
10 июня 2022, 08:40

Попытка сборки проекта на вебпаке 5.4.0 валится с такой ошибкой:

ERROR in ./src/index.html 1:0
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> <!DOCTYPE html>
| <html lang="ru">
| <head>
 @ ./src/index.js 2:0-22

В dev-режиме ошибка та же, однако все стили, шрифты и скрипты подключаются без проблем. HMR работает. HTML-лоадеры не стоят, только html-webpack-plugin.

Конфиг вебпака:

const path = require('path');
const devMode = process.env.NODE_ENV !== 'production';
const  webpack  = require('webpack');
const  HtmlWebpackPlugin  = require('html-webpack-plugin');
const  MiniCssExtractPlugin  = require('mini-css-extract-plugin');
const  { CleanWebpackPlugin } = require('clean-webpack-plugin');
module.exports = {
  
  entry: './src/index.js',
  module: {
  
    rules: [
     
      { test: /\.(js)$/, use: 'babel-loader' },
      {
        test: /\.css$/,
        use: [
          "style-loader",
          "css-loader", 
        ],
      },
    
    {
      test: /\.(png|svg|ttf|woff|jpg|gif)$/,
      use: ["file-loader"]
    }
      
    ],
    
  },
  output: 
  { 
  path: path.resolve(__dirname, 'dist'),
  filename: '[name].[hash:8].js',
  sourceMapFilename: '[name].[hash:8].map',
  chunkFilename: '[id].[hash:8].js',
  publicPath: '/',
},
plugins: [
  new webpack.HotModuleReplacementPlugin(),
  new CleanWebpackPlugin(),
  new HtmlWebpackPlugin({
    title: 'webpack Boilerplate',
    template: path.resolve(__dirname, './src/index.html'),
    filename: 'index.html',
    inject: 'body'
  }),
  new webpack.ProvidePlugin({
    $: 'jquery',
    jQuery: 'jquery'
  })
],
mode: 'development',
devServer: {
    historyApiFallback: true,
    contentBase: './src',
    open: true,
    compress: true,
    hot: true,
    port: 8008,
},
  
};

Не пойму, в чём дело. Пробовал запускать с html-лоадером, без html-webpack-plugin, одинаково. В чём может быть проблема?

Answer 1

Решение найдено! Ошибка была глупой и элементарной, в index.js зачем-то была строчка

import ('./index.html')

Скрипт пытался импортировать главную страницу в саму себя (м-да:). Вопрос закрыт.

READ ALSO
Регистрация пользователя в приложении, использование нескольких аккаунтов
Java

Регистрация пользователя в приложении, использование нескольких аккаунтов

В реализации приложения появилась трудностьМне нужно сделать систему регистрации, но смысла уходить в бек и курить spring и делать api не нужно

 318
Количество пробелов Java conventions
Java

Количество пробелов Java conventions

Мне не понятен следующий пункт Java conventions: "Four spaces should be used as the unit of indentationThe exact construction of the indentation (spaces vs

 189
Spring создание компонентов
Java

Spring создание компонентов

слышал что в спринге создание классов помеченных @Component через ключевое слово new является плохой практикой, но так и не смог найти объяснения,...

 247
Ошибка в base64 (Last unit does not have enough valid bits)
Java

Ошибка в base64 (Last unit does not have enough valid bits)

Делаю не большую библиотеку RSA для себя на джавеУ меня есть 2 метода "byteToString" и "stringToByte", это нужно что-бы передать байты в строки

 265