模组分辨率没有扩展

Question

鉴于此行index.jsx：

import ExampleTable from 'table'; 

我越来越：

Module not found: Error: Cannot resolve module 'table' in global-path-to/application/public/scripts @ ./application/public/scripts/index.jsx 19:13-29

但table.jsx住该文件夹中，我已经尝试定义在webpack.config.js文件扩展名：

{ 
entry:SOURCE_DIRECTORY + '/index.jsx', 

output: 
{ 
    path:SCRIPT_DIRECTORY, 
    filename:'bundle.js' 
}, 

resolve: 
{ 
    extensions:['', '.js', '.jsx'] 
},  

module: 
{ 
    loaders: 
    [ 
     { 
      // Regular expression to find both .js and .jsx files. 
      test:/\.jsx?$/, 
      include:SCRIPT_DIRECTORY, 
      loader: 'babel' 
     } 
    ] 
} 
}; 

---

$ npm ls --depth 0 
├── babel-core@6.7.7 
├── babel-loader@6.2.4 
├── babel-preset-es2015@6.6.0 
├── babel-preset-react@6.5.0 
├── jquery@2.2.3 
├── jsx-loader@0.13.2 
├── material-ui@0.15.0-beta.2 
├── react@15.0.1 
├── react-dom@15.0.1 
├── react-tap-event-plugin@1.0.0 
└── webpack@1.13.0 

Answer 1

我想你只需要使用相对路径./table，否则它会尝试在node_modules中查找table包。

如果你有更复杂的路径，你也可以设置路径解析器中的WebPack配置：http://webpack.github.io/docs/configuration.html#resolve-root