That worked, but I am still having a problem hosting the site in IIS. I execute ng build, it creates a "dist" folder, then I make an IIS application and point the application to the dist folder. But I get a Service Unavailable when I try to hit the index.html page in the dist folder. What else do I need to do to get this to work in IIS?
Rick
Yes I have installed and run yarn. And yes I am running the host project separating. How do I schedule a teamviewer session?
Here is my command history
Microsoft Windows [Version 6.1.7601] Copyright (c) 2009 Microsoft Corporation. All rights reserved.
C:\Users\rick.PROD\Documents\code\angular\angular>yarn yarn install v0.27.5 warning package.json: "dependencies" has dependency "@types/jasmine" with range "^2.5.47" that collides with a dependency in "devDependencies" of the same name with version "^2.5.38" warning package.json: "dependencies" has dependency "@types/node" with range "^6 .0.42" that collides with a dependency in "devDependencies" of the same name wit h version "^6.0.69" warning package.json: "dependencies" has dependency "codelyzer" with range "^2.1 .1" that collides with a dependency in "devDependencies" of the same name with v ersion "^2.0.1" warning package.json: "dependencies" has dependency "jasmine-spec-reporter" with range "^3.3.0" that collides with a dependency in "devDependencies" of the same name with version "^3.2.0" warning package.json: "dependencies" has dependency "karma" with range "^1.6.0" that collides with a dependency in "devDependencies" of the same name with versi on "^1.4.1" warning package.json: "dependencies" has dependency "ts-node" with range "^1.7.3 " that collides with a dependency in "devDependencies" of the same name with ver sion "^1.7.2" warning [email protected]: "dependencies" has dependency "@types/jasmine" with range "^2.5.47" that collides with a dependency in "devDependencies" of the same name with version "^2.5.38" warning [email protected]: "dependencies" has dependency "@types/node" wit h range "^6.0.42" that collides with a dependency in "devDependencies" of the sa me name with version "^6.0.69" warning [email protected]: "dependencies" has dependency "codelyzer" with range "^2.1.1" that collides with a dependency in "devDependencies" of the same name with version "^2.0.1" warning [email protected]: "dependencies" has dependency "jasmine-spec-rep orter" with range "^3.3.0" that collides with a dependency in "devDependencies" of the same name with version "^3.2.0" warning [email protected]: "dependencies" has dependency "karma" with rang e "^1.6.0" that collides with a dependency in "devDependencies" of the same name with version "^1.4.1" warning [email protected]: "dependencies" has dependency "ts-node" with ra nge "^1.7.3" that collides with a dependency in "devDependencies" of the same na me with version "^1.7.2" [1/4] Resolving packages... [2/4] Fetching packages... error @angular/[email protected]: The engine "node" is incompatible with this module. Ex pected version ">= 6.9.0". error Found incompatible module info Visit <a class="postlink" href="https://yarnpkg.com/en/docs/cli/install">https://yarnpkg.com/en/docs/cli/install</a> for documentation about this command.
C:\Users\rick.PROD\Documents\code\angular\angular>npm start
[email protected] start C:\Users\rick.PROD\Documents\code\angular\angula r ng serve --host 0.0.0.0 --port 4200
You are running version 6.3.1 of Node, which will not be supported in future versions of the CLI. The official Node version that will be supported is 6.9 and greater.
To disable this warning use "ng set --global warnings.nodeDeprecation=false".The
"@angular/compiler-cli" package was not properly installed.
Error: The "@angular/compiler-cli" package was not properly installed.
at Object.<anonymous> (C:\Users\rick.PROD\Documents\code\angular\angular\nod
e_modules@ngtools\webpack\src\index.js:14:11)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at Object.<anonymous> (C:\Users\rick.PROD\Documents\code\angular\angular\nod
e_modules@angular\cli\tasks\eject.js:10:19)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: ng serve --host 0.0.0.0 --port 4200
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional log
ging output above.
?─────────────────────────────────────? │ │ │ Update available 5.0.4 → 5.3.0 │ │ Run npm i -g npm to update │ │ │ ?─────────────────────────────────────?
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\rick.PROD\AppData\Roaming\npm-cache_logs\2017-07-20T03_45 _20_765Z-debug.log
C:\Users\rick.PROD\Documents\code\angular\angular>
I am trying to follow your instructions but they seem incomplete for the combined solution.
They state "Locate to the Client folder, open a command line and run the following command to restore packages:"
There is no "client" folder, I am running the combined solution and using npm start on the Web.Host project.
When I try to use the separate solution instead I get the error "@angular/compiler-cli was not properly installed" when I try to run npm start on the "angular" folder(I have installed angular cli multiple times and run angular install on the folder).
Here is the Console output
Navigated to <a class="postlink" href="http://localhost:4200/">http://localhost:4200/</a> VM56:2 JQMIGRATE: Migrate is installed, version 3.0.0 zone.js:2176 OPTIONS <a class="postlink" href="http://localhost:22742/AbpUserConfiguration/GetAll">http://localhost:22742/AbpUserConfiguration/GetAll</a> net::ERR_CONNECTION_REFUSED
I am using the .net core with angular v4
