Webpack无法找到jsx文件

Webpack unable to find jsx files

本文关键字：jsx 文件 Webpack      更新时间：2023-09-26

我正试图捆绑和服务器一个小的应用程序，我有一个webpack开发服务器。到目前为止，它一直很好，但是它似乎无法找到我的jsx文件。我在每个react智能组件文件夹中都有一个索引，如下所示:

import Component from './component';
import container from './container';
import reducers from './reducers';
export default {
    Component,
    container,
    Container: container(),
    reducers
};

Webpack报错，当我试图运行包，说

 client:47 ./client/ux-demo/index.js
 Module not found: Error: Cannot resolve 'file' or 'directory' ./component in /Users/me/projects/ux-demo/client/ux-demo

解决文件

唯一真正的区别是它是一个jsx文件，而不是一个js文件，但是我有一个babel加载器。

这是我的webpack.config文件

var path = require('path');
var webpack = require('webpack');
module.exports = {
  devtool: 'eval',
  entry: [
    'webpack-dev-server/client?http://localhost:3000',
    'webpack/hot/only-dev-server',
    './client/app.jsx'
  ],
  output: {
    path: path.join(__dirname, 'client'),
    filename: 'bundle.js',
    publicPath: '/client/'
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin()
  ],
  module: {
    loaders: [{
      test: /'.js$/,
      loaders: ['react-hot', 'babel-loader'],
      include: path.join(__dirname, 'client')
    }, {
      test: /'.jsx$/,
      loaders: ['react-hot', 'babel-loader'],
      include: path.join(__dirname, 'client')
    }]
  }
};

不确定我在这里做错了什么，谢谢!

你需要告诉webpack也解析。jsx文件

resolve:{
extensions:['.jsx']
}
相关文章：