Angular2 с webpack сообщает об ошибке 404 индекс.html не найден

Используя Angular2 я начал проект, но когда я открываю

http://localhost:8080/webpack-dev-server/index.html 

или

http://localhost:8080/index.html

об этом сообщает 404 index.html не найден.

Я понятия не имею почему.

Я использую Windows. Проект доступен на Github .

1 ответ

  1. Поскольку проект разделил конфигурацию webpack, необходимо объединить эти конфигурации, чтобы webpack понял все ваши параметры.

    Самый простой способ-использовать _.метод слияния из lodash, см. подробнее на: https://lodash.com/docs/4.16.4#merge

    Сначала вы устанавливаете зависимость lodash:

    npm install --save-dev lodash
    

    Затем вы объединяете свои конфигурации, свой веб-пакет.конфиг.js должен выглядеть как:

    var path = require('path');
    var webpack = require('webpack');
    var helpers = require('./helpers');
    var _ = require('lodash');
    

    var commonConfig = require(‘./ webpack.общий.js’);

    module.exports = _.merge(commonConfig, {
        devtool: 'cheap-module-eval-source-map', // source-map
        output: {
            path: helpers.root('dist'),
            //publicPath: '/',
            filename: '[name].js',
            chunkFilename: '[id].chunk.js',
        },
        devServer: {
            historyApiFallback: true,
            stats: 'minimal'
        }
    });
    

    Надеюсь, это поможет вам.