找不到模块“./src/home/home.jsx”

Question

我知道这里有大约1000个，但是它们似乎都引用了使用npm包管理器和node_modules的问题。我的文件结构（对于相关文件）是这样的：

app
|
 main.js
|
 src
  |
   home
    |
     home.jsx

我的main.js文件需要home.jsx文件，如import Home from './src/home/home.jsx';

我不知道为什么这会成为一个问题。我检查了在“home.jsx”结束时我可能有的额外空间，但那不是它。这看起来很简单，但我不能为我的生活理解为什么会这样。

如果它很重要，我使用webpack捆绑我的文件。

//webpack.config.js

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

module.exports = {
  entry: './main.js',
  output: { path: __dirname, filename: 'bundle.js' },
  module: {
    loaders: [
      {
        test: /.jsx?$/,
        loader: 'babel',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  },
    resolve: {
    extensions: ['', '.js', '.jsx']
  }
};