gruntjs - Grunt build task for Angular4 Cannot find module '@angular/core/testing' -


i trying setup grunt build task angular 4 project , seeing module load errors when try run tasks. details of steps i've done -
1. went https://angular.io/guide/quickstart , used steps mentioned in quickstart create new angular4 app. tested , ensured working.
2. updated package.json file include following:

"grunt": "~0.4.5", "grunt-typescript": "^0.8.0", "grunt-contrib-copy": "~1.0.0",

  1. added gruntfile.js following content:

    module.exports = function(grunt) {
    grunt.initconfig({
    typescript: {
    base: {
    src: [
    'src/app//.ts',
    ],
    dest: 'out/static/app.js',
    options: {
    target: 'es5',
    sourcemap: false,
    moduleresolution: 'node'
    }
    }
    }
    });
    grunt.loadnpmtasks('grunt-typescript');
    //grunt.loadnpmtasks('grunt-contrib-copy');
    grunt.registertask("default", ["typescript"]);
    grunt.registertask("build", ["typescript"]);
    };

  2. run grunt build.

when run grunt build, following in terminal:

running "typescript:base" (typescript) task >> src/app/app.component.spec.ts(1,32): error ts2307: cannot find module '@angular/core/testing'. >> src/app/app.component.spec.ts(5,1): error ts2304: cannot find name 'describe'. >> src/app/app.component.spec.ts(6,3): error ts2304: cannot find name 'beforeeach'. >> src/app/app.component.spec.ts(14,3): error ts2304: cannot find name 'it'. >> src/app/app.component.spec.ts(17,5): error ts2304: cannot find name 'expect'. >> src/app/app.component.spec.ts(20,3): error ts2304: cannot find name 'it'. >> src/app/app.component.spec.ts(23,5): error ts2304: cannot find name 'expect'. >> src/app/app.component.spec.ts(26,3): error ts2304: cannot find name 'it'. >> src/app/app.component.spec.ts(30,5): error ts2304: cannot find name 'expect'. >> src/app/app.component.ts(1,1): error ts1148: cannot compile modules unless '--module' flag provided. >> src/app/app.component.ts(1,27): error ts2307: cannot find module '@angular/core'. >> src/app/app.component.ts(8,14): error ts1219: experimental support decorators feature subject change in future release. specify '--experimentaldecorators' remove warning. >> src/app/app.module.ts(1,31): error ts2307: cannot find module '@angular/platform-browser'. >> src/app/app.module.ts(2,26): error ts2307: cannot find module '@angular/core'. >> src/app/app.module.ts(16,14): error ts1219: experimental support decorators feature subject change in future release. specify '--experimentaldecorators' remove warning. warning: task "typescript:base" failed. use --force continue.

it seems other user has faced similar issue, had switch grunt-ts instead of using grunt-typescript. have suggestions on how working?

though have angular-cli (ng build) build angular 4 code, reason trying because going use in project has python backend code , grunt build tasks. merge build tasks existing gruntfile.js. newbie angular4 , typescript. learning work more on them , struggling issue resolved.

grunt-typescript issue posted here not resolved me. so, used grunt-ts suggested in https://stackoverflow.com/a/35121094/1040691. however, didn't generate files similar generated ng build. so, ended using webpack following guide https://angular.io/guide/webpack. generates results similar ng build.


Comments

Post a Comment

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

i running os ububtu 16.04. ultimate goal able run php script cron job every minute. here php script located @ /var/www/html/tests/test/index.php : <?php $directorypath = $_server['document_root']."/tests/test/data/"; echo "directorypath: $directorypath<br><br>";//check $imagefilepathsarray = glob($directorypath . "*.{png,gif}", glob_brace); echo "<br><br>imagefilepathsarray: "; print_r($imagefilepathsarray);//check ?> when open php script in browser visiting url my-ip-address/tests/test/index.php , get: directorypath: /var/www/html/tests/test/data/ imagefilepathsarray:array( [0] => /var/www/html/tests/test/data/pic.png [1] => /var/www/html/tests/test/data/pic.gif ) before writing cron job in crontab file, need check if can run anywhere using terminal . opened ubuntu terminal @ /home/ location, , executed in terminal: sudo php /var/www/html/tests/test/index.php i got following out...
Read more

php - How can i create a user dashboard -

today have questions you, want create user dashboard site, include (obviously), users data, example -email -username -and others stuff how can information, , print them in html page? if can, how can these information via php sessions? shuld use session? example, if user login, , start new session ( session_start() ), how can data print in dashboard? should use php "project"? in advice, have day , thank time!
Read more

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -

i have jquery mobile page fixed full-screen toolbar, data-tap-toggle enabled. straight under toolbar have positioned banner should slide upwards when toolbar hiding , slide downward when toolbar showing. jquery mobile toggles toolbar applying , removing ui-fixed-hidden class - sadly, can't find in documentation of toolbar widget toggle , hide or show event that. how can detect when toolbar toggled, reposition banner? .banner { position: fixed; background-color: darkseagreen; top: 46px; min-height: 48px; width: 100%; text-align: center; line-height: 48px; } <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"> <script src="https://code.jquery.com/jquery-1....
Read more