{"id":2073,"date":"2017-05-11T10:25:30","date_gmt":"2017-05-11T10:25:30","guid":{"rendered":"http:\/\/salientsoft.co.uk\/?p=2073"},"modified":"2018-10-10T17:15:57","modified_gmt":"2018-10-10T17:15:57","slug":"angular-cli-error-on-ng-build-the-angularcompiler-cli-package-was-not-properly-installed","status":"publish","type":"post","link":"https:\/\/salientsoft.co.uk\/?p=2073","title":{"rendered":"Angular-cli error on ng build: “The "@angular\/compiler-cli" package was not properly installed.”"},"content":{"rendered":"

I got this error when trying to build and run the primeng-quickstart-cli<\/a> per the readme in the git project<\/p>\n

\n

E:\\Dev\\angular\\primeng-quickstart-cli>ng build
You seem to not be depending on "@angular\/core". This is an error.<\/p>\n

E:\\Dev\\angular\\primeng-quickstart-cli>ng serve
The "@angular\/compiler-cli" package was not properly installed.
Error: The "@angular\/compiler-cli" package was not properly installed.
    at Object.<anonymous> (E:\\Dev\\angular\\primeng-quickstart-cli\\node_modules\\@ngtools\\webpack\\src\\index.js:14:11)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal\/module.js:20:19)
    at Object.<anonymous> (E:\\Dev\\angular\\primeng-quickstart-cli\\node_modules\\@angular\\cli\\tasks\\eject.js:10:19)
    at Module._compile (module.js:571:32)
    at Object.Module._extensions..js (module.js:580:10)
    at Module.load (module.js:488:32)
    at tryModuleLoad (module.js:447:12)
    at Function.Module._load (module.js:439:3)
    at Module.require (module.js:498:17)
    at require (internal\/module.js:20:19)<\/p>\n

E:\\Dev\\angular\\primeng-quickstart-cli><\/p>\n<\/blockquote>\n

I tried upgrading angular-cli as per here<\/a>, but this did not solve the problem.<\/p>\n

Interestingly when I tried to start the alternative primeng-quickstart-webpack<\/a> project using ng-serve, I got the same error as above.<\/p>\n

However, when following the correct (and different) instructions for primeng-quickstart-webpack<\/a>  as follows it worked:-<\/p>\n

\n

npm install <\/p>\n

npm run start:webpack<\/p>\n<\/blockquote>\n

I therefore tried to use these npm install\/run commands on the primeng-quickstart-cli<\/a> project but it was clearly not set up for this build\/run mechanism:-<\/p>\n

\n

E:\\Dev\\angular\\primeng-quickstart-cli>npm run start:webpack
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "E:\\\\Program Files\\\\nodejs\\\\node.exe" "E:\\\\Program Files\\\\nodejs\\\\node_modules\\\\n
npm ERR! node v7.10.0
npm ERR! npm  v4.2.0<\/p>\n

npm ERR! missing script: start:webpack
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR!     <https:\/\/github.com\/npm\/npm\/issues<\/a>><\/p>\n

npm ERR! Please include the following file with any support request:
npm ERR!     C:\\Users\\SteveW\\AppData\\Roaming\\npm-cache\\_logs\\2017-05-11T10_08_50_957Z-debug.log<\/p>\n<\/blockquote>\n

At present the issue with primeng-quickstart-cli<\/a> is not a blocking one \u2013 the other starter  primeng-quickstart-webpack<\/a> looks preferable as it is a simple full CRUD table app whereas the other starter it a trivial one whch just outputs a message in response to a button click.<\/p>\n

These StackOverflow posts here<\/a> and here<\/a> discuss the error, but I did not appear to be missing the basic config. This post<\/a> might be more relevant, and advises downgrading first then re-upgrading, but it refers to angular 2 rather than 4.<\/p>\n

I hope to learn and resolve these build issues and errors at some point soon though and gain a better understanding of what is going on\/ what are the alternatives.<\/p>\n","protected":false},"excerpt":{"rendered":"

I got this error when trying to build and run the primeng-quickstart-cli per the readme in the git project E:\\Dev\\angular\\primeng-quickstart-cli>ng build You seem to not be depending on "@angular\/core". This is an error. E:\\Dev\\angular\\primeng-quickstart-cli>ng serve The "@angular\/compiler-cli" package was not properly installed. Error: The "@angular\/compiler-cli" package was not properly installed.     at Object.<anonymous> (E:\\Dev\\angular\\primeng-quickstart-cli\\node_modules\\@ngtools\\webpack\\src\\index.js:14:11)     […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[198,209],"tags":[13,40],"_links":{"self":[{"href":"https:\/\/salientsoft.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/2073"}],"collection":[{"href":"https:\/\/salientsoft.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/salientsoft.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/salientsoft.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/salientsoft.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2073"}],"version-history":[{"count":2,"href":"https:\/\/salientsoft.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/2073\/revisions"}],"predecessor-version":[{"id":2075,"href":"https:\/\/salientsoft.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/2073\/revisions\/2075"}],"wp:attachment":[{"href":"https:\/\/salientsoft.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2073"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/salientsoft.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2073"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/salientsoft.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2073"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}