A
A
Andrey Titov2018-04-08 12:50:56
Angular
Andrey Titov, 2018-04-08 12:50:56

Why can't Angular see the JSON file?

The site loads everything but the JSON file:
Run via gulp:

'use strict';
var gulp = require('gulp');
var concat = require('gulp-concat');
var less = require('gulp-less');
var base64 = require('gulp-base64');
var livereload = require('gulp-livereload');
var rename = require('gulp-rename');
var svgstore = require('gulp-svgstore');
var imagemin = require('gulp-imagemin');
var rename = require("gulp-rename");
var uglify = require('gulp-uglify');
var templateCache = require('gulp-angular-templatecache');
var merge = require('merge-stream');

var scripts = [
    'vendor/angular/angular.min.js',
    'vendor/jquery/dist/jquery.min.js',
    'vendor/angular-route/angular-route.min.js',
    'vendor/angular-loader/angular-loader.min.js',
    'vendor/angular-upload/angular-upload.min.js',

    'app/scripts/_*.js',
    'app/scripts/*.js',
    'app/scripts/**/_*.js',
    'app/scripts/**/*.js',
    'app/scripts/**/components/*.js',
    'app/*.js'
];
var styles = [
    'vendor/angular-upload/src/directives/btnUpload.min.css',
    'vendor/normalize.css/normalize.css',
    'vendor/bootstrap/dist/css/bootstrap.min.css'
];

var stylesLess = ['app/styles/index.less'];

var images = ['app/images/svg/*.svg'];
var templatesDir = 'app/scripts/**/*.html';

var server;

gulp.task('images', function() {
    return gulp.src(images)
        .pipe(imagemin({
            svgoPlugins: [{
                removeHiddenElems: false
            }]
        }))
        .pipe(rename({
            prefix: 'eui-icon-'
        }))
        .pipe(svgstore({}))
        .pipe(gulp.dest('dist/images'));
});


gulp.task('templates', function() {
  gulp.src('app/index.html')
      .pipe(gulp.dest('dist'));
    gulp.src(templatesDir)
        .pipe(gulp.dest('dist/pages/'));
});

gulp.task('scripts', function() {
    gulp.src(scripts)
        .pipe(concat('app.js'))
        .pipe(gulp.dest('dist'));
});

var cssStream = gulp.src(styles)
    .pipe(concat('app.css'));

var lessStream = gulp.src(stylesLess)
    .pipe(less())
    .pipe(concat('less-files.less'));

gulp.task('styles', function() {
    var mergedStream = merge(lessStream, cssStream)
        .pipe(concat('app.css'))
        .pipe(base64({
            baseDir: './app/styles'
        }))
        .pipe(gulp.dest('dist'));

    return mergedStream;
});

gulp.task('server', function(next) {
    var connect = require('connect');
    var serveStatic = require('serve-static');
    server = connect();
    server.use(serveStatic('./dist')).listen(process.env.PORT || 9000, next);
});

gulp.task('run', ['images', 'scripts', 'styles', 'server','templates'], function() {

    gulp.watch(images, ['images']).on('change', function(file) {
        livereload.changed(file.path);
    });

    gulp.watch(scripts, ['scripts']).on('change', function(file) {
        livereload.changed(file.path);
    });

    gulp.watch(styles, ['styles']).on('change', function(file) {
        livereload.changed(file.path);
    });

    gulp.watch(['app/scripts/**/*.html', './index.html']).on('change', function(file) {
        livereload.changed(file.path);
    });
});

gulp.task('release', ['images', 'scripts', 'styles', 'templates'], function() {
    var pjson = require('./package.json');

    gulp.src('app/images/*.png')
        .pipe(gulp.dest('release/v' + pjson.version + '/images'));

    gulp.src('app/styles/_*.scss')
        .pipe(gulp.dest('release/v' + pjson.version + '/styles'));

    gulp.src('dist/app.js')
        .pipe(uglify())
        .pipe(rename(function(path) {
            path.basename = 'employees';
        }))
        .pipe(gulp.dest('release/v' + pjson.version));
    gulp.src('dist/base.css')
        .pipe(rename(function(path) {
            path.basename = 'employees';
        }))
        .pipe(gulp.dest('release/v' + pjson.version));
    gulp.src('dist/images/icons-sprite.svg')
        .pipe(rename(function(path) {
            path.basename = 'employees.sprite';
        }))
        .pipe(gulp.dest('release/v' + pjson.version));

    gulp.src('dist/templates.js')
        .pipe(rename(function(path) {
            path.basename = 'employees.templates';
        }))
        .pipe(gulp.dest('release/v' + pjson.version));
});

What needs to be added?
5ac9e544231a3786970233.jpeg5ac9e5503399d743007099.jpeg
What can be wrong?

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question