COnfusing error messages using lodash -
i have lodash installed , appears fine how @ application startup lodash seems disappear. error message
"get https://localhost:44382/libs/@types/lodash 404 ()scheduletask @ zone.js:1382zonedelegate.scheduletask @ zone.js:245zone.schedulemacrotask @ zone.js:171(anonymous function) @ zone.js:1405send @ vm393:3fetchtextfromurl @ system.src.js:1051(anonymous function) @ system.src.js:1778zoneawarepromise @ zone.js:518(anonymous function) @ system.src.js:1777(anonymous function) @ system.src.js:2806(anonymous function) @ system.src.js:3384(anonymous function) @ system.src.js:3707(anonymous function) @ system.src.js:4099(anonymous function) @ system.src.js:4562(anonymous function) @ system.src.js:4831(anonymous function) @ system.src.js:407zonedelegate.invoke @ zone.js:232zone.run @ zone.js:114(anonymous function) @ zone.js:502zonedelegate.invoketask @ zone.js:265zone.runtask @ zone.js:154drainmicrotaskqueue @ zone.js:401zonetask.invoke @ zone.js:339 (index):34 error: (systemjs) xhr error (404) loading https://localhost:44382/libs/@types/lodash(…)(anonymous function) @ (index):34zonedelegate.invoke @ zone.js:232zone.run @ zone.js:114(anonymous function) @ zone.js:502zonedelegate.invoketask @ zone.js:265zone.runtask @ zone.js:154drainmicrotaskqueue @ zone.js:401zonetask.invoke @ zone.js:339g"
this systemjs.config file
/** * system configuration angular 2 samples * adjust necessary application needs. */ (function (global) { // map tells system loader things var map = { 'app': 'appscripts', // 'dist', '@angular': 'libs/@angular', '@types':'libs/@types', 'angular2-in-memory-web-api': 'libs/angular2-in-memory-web-api', 'rxjs': 'libs/rxjs', 'lodash': 'libs/lodash/lodash.js', 'moment': 'libs/moment/', 'hammerjs': 'libs/hammer', 'jasmine':"libs/jasmine", 'ng2-bootstrap': 'libs/ng2-bootstrap', 'symbol-observable': 'libs/symbol-observable' }; // packages tells system loader how load when no filename and/or no extension var packages = { 'app': { main: 'main.js', defaultextension: 'js' }, 'rxjs': { defaultextension: 'js' }, 'angular2-in-memory-web-api': { main: 'index.js', defaultextension: 'js' }, 'moment': { main: 'moment.js', defaultextension: 'js' }, 'ng2-bootstrap': { main: 'ng2-bootstrap.js', defaultextension: 'js' }, 'symbol-observable': { main: 'index.js', defaultextension: 'js' } //'lodash': { main: 'lodash.js', defaultextension: 'js' } }; var ngpackagenames = [ 'common', 'compiler', 'core', 'forms', 'http', 'platform-browser', 'platform-browser-dynamic', 'router', 'router-deprecated', 'upgrade', 'material' ]; // individual files (~300 requests): function packindex(pkgname) { packages['@angular/' + pkgname] = { main: 'index.js', defaultextension: 'js' }; } // bundled (~40 requests): //function packumd(pkgname) { // packages['@angular/' + pkgname] = { main: 'bundles/' + pkgname + '.umd.js', defaultextension: 'js' }; //} function packumd(pkgname) { packages['@angular/' + pkgname] = { main: (pkgname !== 'material' ? 'bundles/' : '') + pkgname + '.umd.js', defaultextension: 'js' }; } // environments should use umd; (karma) need individual index files var setpackageconfig = system.packagewithindex ? packindex : packumd; // add package entries angular packages ngpackagenames.foreach(setpackageconfig); var config = { map: map, packages: packages }; system.config(config); })(this); and gulpfile.js file
/// <binding /> var ts = require('gulp-typescript'); var gulp = require('gulp'); var clean = require('gulp-clean'); var destpath = './wwwroot/libs/'; // delete dist directory gulp.task('clean', function () { return gulp.src(destpath) .pipe(clean()); }); gulp.task("scriptsnstyles", () => { gulp.src([ 'core-js/client/**', 'systemjs/dist/system.src.js', 'reflect-metadata/**', 'rxjs/**', 'zone.js/dist/**', '@angular/**', '@types/**', 'jquery/dist/jquery.*js', 'bootstrap/dist/js/bootstrap.*js', 'ng2-bootstrap/**', 'lodash/**', 'moment/**', 'symbol-observable/**', 'hammerjs/**', 'jasmine/**' ], { cwd: "node_modules/**" }) .pipe(gulp.dest("./wwwroot/libs")); }); var tsproject = ts.createproject('scripts/tsconfig.json', { typescript: require('typescript') }); gulp.task('ts', function (done) { //var tsresult = tsproject.src() var tsresult = gulp.src(["scripts/**/*.ts","scripts/**/**/*.ts", "scripts/*.ts"]) .pipe(ts(tsproject), undefined, ts.reporter.fullreporter()); return tsresult.js.pipe(gulp.dest('./wwwroot/appscripts')); }); gulp.task('watch', ['watch.ts']); gulp.task('watch.ts', ['ts'], function () { return gulp.watch('scripts/**/*.ts', ['ts']); }); gulp.task('default', ['scriptsnstyles', 'watch']);

Comments
Post a Comment