Question

使用Angular2我启动了一个项目，但是当我打开

时

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

或

http://localhost:8080/index.html

它报告找不到404 index.html。

我不知道为什么。

我正在使用Windows。 The project is available on Github。

Answer 1

由于您的项目已拆分webpack配置，因此需要将这些配置合并到webpack，了解所有参数。

最简单的方法是使用lodash中的_.merge方法，详见：https://lodash.com/docs/4.16.4#merge

首先安装lodash依赖项：

npm install --save-dev lodash

然后你合并你的配置，你的webpack.config.js应该是这样的：

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

var commonConfig = require（＆＃39; ./ webpack.common.js＆＃39;）;

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

希望这可以帮到你。

Angular2与webpack报告错误404 index.html未找到

1 个答案: