webpackを使用してカントビルド

Question

私はfountainjs.io yo generatorで生成されたアプリを持っています。

説明

エラーメッセージ&スタックトレース

[09:23:51] Loading /Users/calvin/dev/hospitalMap/gulp_tasks/browsersync.js 
[09:23:52] Loading /Users/calvin/dev/hospitalMap/gulp_tasks/karma.js 
[09:23:54] Loading /Users/calvin/dev/hospitalMap/gulp_tasks/misc.js 
[09:23:55] Loading /Users/calvin/dev/hospitalMap/gulp_tasks/webpack.js 
[09:23:56] Using gulpfile ~/dev/hospitalMap/gulpfile.js 
[09:23:56] Starting 'build'... 
[09:23:56] Starting 'other'... 
[09:23:56] Starting 'webpack:dist'... 
[09:24:01] Finished 'other' after 4.82 s 
[09:24:24] Time: 27381ms 
         Asset  Size Chunks  Chunk Names 
vendor-794d775dfd6b685d2497.js 1.34 MB  0  vendor 

ERROR in Entry module not found: Error: Can't resolve 'babel' in '/Users/calvin/dev/hospitalMap' 

ERROR in ./~/mime/mime.js 
Module not found: Error: Can't resolve 'fs' in '/Users/calvin/dev/hospitalMap/node_modules/mime' 
@ ./~/mime/mime.js 2:9-22 
@ ./~/url-loader/index.js 
@ multi vendor 
Child html-webpack-plugin for "index.html": 
     Asset Size Chunks  Chunk Names 
    index.html 2.9 kB  0 
[09:24:24] Finished 'webpack:dist' after 28 s 
[09:24:24] Finished 'build' after 28 s 

泉ジェネレータConfigを

{ 
    "generator-fountain-angular1": { 
    "version": "1.0.0-rc1", 
    "props": { 
     "framework": "angular1", 
     "modules": "webpack", 
     "js": "babel", 
     "ci": [], 
     "css": "scss", 
     "resolved": "/usr/local/lib/node_modules/generator-fountain-webapp/node_modules/generator-fountain-angular1/generators/app/index.js", 
     "namespace": "fountain-angular1", 
     "argv": { 
     "remain": [], 
     "cooked": [], 
     "original": [] 
     }, 
     "sample": "hello", 
     "router": "uirouter" 
    } 
    } 
} 

環境

のNode.jsのV7を構築しようとしているとき、私は次のエラーを取得します。 2.1

ダーウィン16.1.0

あなたはfsを使用してNPMからmimeを使用しているよ1.8.5

NPM 3.10.10

Answer 1

。 fsは、webpack経由でブラウザで動作しないNode-Onlyパッケージです。 mimeへの依存関係をブラウザで動作することが確認されたものに置き換えた場合は、問題ありません。