cstefanache / angular2-img-cropper

Angular 2 Image Cropper
MIT License
364 stars 135 forks source link

Error on fetch for ng2-img-cropper.js? #101

Closed ghatul closed 7 years ago

ghatul commented 7 years ago

@cstefanache i use https://github.com/vyakymenko/angular2-seed-express this seed for my project . on development build it work without any error but on production build it stuck with error

'build.bundles.app' errored after 732 ms [12:44:29] Error on fetch for ng2-img-cropper.js at file:///home/Projects/seed/node_modules/ng2-img-cropper.js Loading dist/tmp_client/app/app.module.js Loading dist/tmp_client/app/main.js Error: ENOENT: no such file or directory, open '/home/Projects/seed/node_modules/ng2-img-cropper.js' at Error (native) [12:44:29] 'build.prod' errored after 14 s [12:44:29] Error in plugin 'run-sequence(build.bundles.app)' Message: Error on fetch for ng2-img-cropper.js at file:///home/Projects/seed/node_modules/ng2-img-cropper.js Loading dist/tmp_client/app/app.module.js Loading dist/tmp_client/app/main.js ENOENT: no such file or directory, open '/home/Projects/seed/node_modules/ng2-img-cropper.js' Details: originalErr: Error: ENOENT: no such file or directory, open '/home/Projects/seed/node_modules/ng2-img-cropper.js' Stack: Error on fetch for ng2-img-cropper.js at file:///home/Projects/seed/node_modules/ng2-img-cropper.js Loading dist/tmp_client/app/app.module.js Loading dist/tmp_client/app/main.js Error: ENOENT: no such file or directory, open '/home/Projects/seed/node_modules/ng2-img-cropper.js' at Error (native)

my seed on angular 2.1.2 with latest node and npm. whats going wrong here?

ghatul commented 7 years ago

hi @cstefanache ,

i tried this issue, i failed to find the solution for it . I know what going wrong but i dont understand what to do next..... =>above error occur on gulp task ~'build.bundles.app' which is used to bundling the shim files

KANekT commented 7 years ago

@ghatul go to hell

cstefanache commented 7 years ago

@ghatul: how do you create the bundle? can you please show the configuration for build?

cstefanache commented 7 years ago

Are you doing any tree shaking

ghatul commented 7 years ago

@cstefanache i use => https://github.com/vyakymenko/angular2-seed-express as seed for my project You can also see all file configuration on above git repo.

my gulp file production configuration is: gulp.task('build.prod', (done: any) => runSequence('check.tools', 'clean.prod', 'tslint', 'css-lint', 'build.assets.prod', 'build.html_css', 'copy.prod', 'copy.server.js.prod', 'build.server.prod', 'build.js.prod', 'build.bundles', 'build.bundles.app', 'minify.bundles', 'build.index.prod', 'copy.server.assets', done)); }

and this is configuration for that bundle.=>

import { join } from 'path'; import * as Builder from 'systemjs-builder';

import Config from '../../config';

const BUNDLER_OPTIONS = { format: 'cjs', minify: true, mangle: false };

/**

ghatul commented 7 years ago

hi @cstefanache

your component written in typescript and on production build it not get compiled into js files ....is that reason?

cstefanache commented 7 years ago

Released 0.7.6 with JS files as well - please check

cstefanache commented 7 years ago

Closing issue ... no news from the reporter