webpack kann nicht Fluss/utils lösen

Question

ich ein OS-Projekt in Typoskript geschrieben haben, die ich in Richtung webpack bin Migration

Allerdings kann ich das Projekt derzeit nicht bauen aufgrund dieses Fehlers

ERROR in ./src/store/GigaStore.ts 
Module not found: Error: Cannot resolve module 'flux/utils' in /home/erfangc/GigaGrid/src/store 
@ ./src/store/GigaStore.ts 11:16-37 

Projekt Hier liegt https://github.com/erfangc/GigaGrid/tree/webpack

Hier ist, was ich zu diesem Punkt zu erledigen:

• Mit ts-loader
• Die Linie, die flux/utils importiert ist: import FluxUtils = require('flux/utils');
• ich alternative Import Syntax ohne Erfolg versucht haben
• Ich habe versucht, für flux/utils: 'ABSOLUTE_PATH'

Die Datei ein resolve.alias Abschnitt Hinzufügen definitiv existiert unter node_modules und andere Bibliotheken, denen ich abhängig scheint gut gebündelt

Jede Hilfe wird sehr geschätzt ...

webpack.config.js hier aus dem

module.exports = { 
    entry: "./src/index.ts", 
    output: { 
     path: "./dist", 
     libraryTarget: "umd", 
     library: "GigaGrid", 
     filename: "giga-grid.js" 
    }, 
    resolve: { 
     extensions: ['', 'webpack.js', '.web.js', 'js', '.ts', '.tsx'] 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.tsx?$/, loader: "ts-loader" 
      }, 
      { 
       test: /\.css$/, loader: "style-loader!css-loader" 
      }, 
      { 
       test: /\.woff(\?v=\d+\.\d+\.\d+)?$/, 
       loader: "url?limit=10000&mimetype=application/font-woff" 
      }, { 
       test: /\.woff2(\?v=\d+\.\d+\.\d+)?$/, 
       loader: "url?limit=10000&mimetype=application/font-woff" 
      }, { 
       test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, 
       loader: "url?limit=10000&mimetype=application/octet-stream" 
      }, { 
       test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, 
       loader: "file" 
      }, { 
       test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, 
       loader: "url?limit=10000&mimetype=image/svg+xml" 
      } 
     ] 
    }, 
    externals: { 
     "react": { 
      commonjs: 'react', 
      commonjs2: 'react', 
      amd: 'react', 
      root: 'React' 
     }, 
     "react-dom": { 
      commonjs: 'react-dom', 
      commonjs2: 'react-dom', 
      amd: 'react-dom', 
      root: 'ReactDOM' 
     } 
    } 
}; 

Answer 1

Sie haben einen Druckfehler in Ihrem resolve.extensions Abschnitt Repo reproduziert. Erweiterungsname für js Dateien müssen mit Punkt beginnen:

resolve: { 
    extensions: ['', 'webpack.js', '.web.js', '.js', '.ts', '.tsx'] 
}, 

So konnte js Module nicht aufgelöst werden.