小编Ant*_*mev的帖子

我是webpack的新手并做出反应.希望您能够帮助我.

我遇到了一个问题,在互联网上找不到任何有效的解决方案.当我试图运行webpack-dev-serverI geting"模块未找到:错误:无法解析模块'组件/ app'"错误一直.

这是我的文件结构.

root/webpack.config.js

var webpack = require('webpack');
var path = require('path');

module.exports = {
    devtool: 'inline-source-map',
    entry: [
        'webpack-dev-server/client?http://127.0.0.1:8080/',
        'webpack/hot/only-dev-server',
        './src'
    ],
    output: {
        path: path.join(__dirname, 'public'),
        filename: 'bundle.js'
    },
    resolve: {
        moduleDirectories: ['node_modules', 'src'],
        extensions: ['', '.js']
    },
    module: {
        loaders: [{
            test: /\.js$/,
            loader: 'babel-loader',
            exclude: /node_modules/,
         query: {
             presets: ['es2015', 'react']
         }
        }]
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin(),
        new webpack.NoErrorsPlugin()
    ]
};

root/.babelrc

{
    presets: ["react", "es2015"],
    plugins: ["react-hot-loader/babel"]
}

根/ SRC/index.js

import React …