Code in this project does not match what is stated in book

[billhannah]

I'm working through the Angular JS - Novice To Ninja book. In Chapter 2 the book says to download the sample application, but does not tell you how or where. I have to assume this is the location it is talking about. If so, these code examples do not match what is stated in the book. So far I've noticed when trying to work through Chapter 6:

1. I am using the code from the Ch 02 folder (as there is no Ch 06)
2. Calling node script/web-server.js does not work as described. The app/ directory is not set as the home directory. Also, the script does not assume / is /index.html. The book says to get the updated version but not from where.
3. Some files are missing such as the bootstrap css and modules/posts/css/posts.css

[panda-sandeep]

Hi Bill,

1. When you are in Chapter 06 you need to start with code from the Ch 02 folder.
2. The scripts/web-server.js file was tweaked in Chapter 05 to map / to index.html. So, if you take web-server.js from Chapter 05 folder and integrate it into your code, it will correctly assume / as index.html. Also you need to invoke node ../scripts/web-server.js from app/ directory.
3. The CSS file modules/posts/css/posts.css is not needed anymore as all the CSS rules have been moved to app.css. Bootstrap is included later when we actually get into designing stuff.

Let me know if you have more doubts.

Regards,
Sandeep

[henrosebell]

I was facing similar probems, but with your post I was at least able to run the index.html.
But I do not see the 4 posts of the spBlogger. They are not shown. Instead I see this message in the console:
Uncaught Error: [$injector:modulerr]...
When I open the Angluar.js online help to that message, there is something written about ng-route.
Any idea what goes wrong here?

[henrosebell]

No idea to my problem? :-(

[jifffffy]

hi , you should add 'ui.router' in app.js, like:
angular.module('spBlogger', ['ui.router', ...]);

[henrosebell]

Hmmm, no. This changes nothing for me. :-(

[henrosebell]

It seems to work now. The issue was that the folder "views" was not located under the folder "posts" in "modules". It was located directly under "modules". After moving the "views" folder into "posts" I can see the 4 posts. :-)
Thanks for the support.

[steveellisdev]

I'm having similar issues trying to follow along with the code in the book, it's all such a mess, is there a reason the sample code couldn't follow a format like the tutorial at https://docs.angularjs.org/tutorial where you have branches for each working version?

It would make everything a lot easier to learn from.

[debiff]

Hi, i have the same problem of henrosebell but i can't resolve it. I have the views directory in modules/posts/views and i added 'ui.router' in app.js but i have again the error:
"Uncaught Error: [$injector:modulerr]...".
Someone can help me?

[mfonsos]

Hello Sandeep,

I found your book pretty awesome...but i have really hard time following with the code walk through from chapter 6 and on...as i can image many people...I read your answer on billhannah but i am still facing problems...for example ui.router isn't mentioned nor is the bootstrap.css file as it is missing from chapter 2 zip file.

I would love if you could go through the process again and have a more clear walk through for us to follow.

Regards.
Mat

[mfonsos]

debiff,

I found the error was a mistyped of the 'state' rather than '$state' under app/js/app.js...copy paste the correct one as i stated here:

angular.module('spBlogger').run(['$state', function($state){
$state.go('allPosts');
}])

[mfonsos]

debiff,

one more detail...ui.router needs to be included in modules/posts/postModule.js ...

angular.module('spBlogger.posts',['ui.router','spBlogger.posts.controllers','spBlogger.posts.directives','spBlogger.posts.services','spBlogger.posts.filters']

[kelvinnicholls]

When using ui-router at the end of chapter 4 index.html should use <div ui-view></div> rather than <div ng-view></div>. This is not mentioned in the book. I agree that working versions of all of the exercises should be available for download.

[tunex012]

Good day!

I am able to modify and solve this problem by following the book exactly and reading the codes with my previous programming knowledge.

On page 115, I added $ and ' to the state dependency.

Before:
angular.module('spBlogger').run(['state , function(state)
➥{ $state.go('allPosts'); }]);

After:
angular.module('spBlogger').run(['$state' , function($state)
➥{ $state.go('allPosts'); }]);

You also need to include the ui-router dependency to this module shown below:

angular.module('spBlogger', ['ui.router', 'spBlogger.posts', 'spBlogger.controllers', 'spBlogger.directives', 'spBlogger.filters', 'spBlogger.services']);

Note that all this changes are effected in /sp-blogger/app/js/app.js directory.

I hope and wish this will solve your problem as well.