chsakell / aspnet5-angular2-typescript Goto Github PK

Hi, Announcing .NET Core 1.1.
news

and update package angular. Now "@angular/common": "~2.2.0" ...

Hi.

I was testing the fork from nick-anykeydesigns/aspnet5-angular2-typescript, specially about the branch InMemDB. That branch work locally in my Windows 10 Dev environment. However, if you try to run it in Fedora 23. Kestrel server simply does not respond any commands.

I think the original version present in master is more stable to test it in Linux servers. I will like to know what changes are required to connect the original example to MysSql server instead of MSSql.

Could you please give a some info about that. By the way, I really like your website.

Should your gulpfile and system.config in _Layout.cshtml still referencing angular2/angular2?

As a last minute change it has been placed in hosting.json now

Im having this error:
**_An exception of type 'System.Data.SqlClient.SqlException' occurred in Microsoft.EntityFrameworkCore.dll but was not handled in user code

Additional information: Cannot open database "PhotoGallery" requested by the login. The login failed._**

At this line:

if (!context.Albums.Any()) inside DbInitializer.cs

http://localhost:9823/lib/css/alertify.bootstrap.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:9823/lib/css/alertify.core.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:9823/lib/js/alertify.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
bootstrap.js:2785 Uncaught Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)
http://localhost:9823/lib/js/alertify.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:9823/lib/css/alertify.core.css Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:9823/lib/css/alertify.bootstrap.css Failed to load resource: the server responded with a status of 404 (Not Found)

# while running npm install, getting this

typings WARN deprecated 5/10/2016: # "registry:dt/es6-shim#0.31.2+20160317120654" is deprecated (updated, replaced or removed)
typings WARN deprecated 4/28/2016: "registry:dt/body-parser#0.0.0+20160317120654" is deprecated (updated, replaced or removed)
typings WARN deprecated 10/25/2016: "registry:dt/jasmine#2.2.0+20160621224255" is deprecated (updated, replaced or removed)
typings WARN deprecated 4/28/2016: "registry:dt/cookie-parser#1.3.4+20160316155526" is deprecated (updated, replaced or removed)
typings WARN deprecated 4/27/2016: "registry:dt/express#4.0.0+20160317120654" is deprecated (updated, replaced or removed)
typings WARN deprecated 5/10/2016: "registry:dt/express-serve-static-core#0.0.0+20160322035842" is deprecated (updated, replaced or removed)
typings WARN deprecated 4/28/2016: "registry:dt/mime#0.0.0+20160316155526" is deprecated (updated, replaced or removed)
typings WARN deprecated 4/27/2016: "registry:dt/serve-static#0.0.0+20160317120654" is deprecated (updated, replaced or removed)

npm update works
bower is installed

installed all mentioned packages, pls help me set and run this project

I keep getting this error everytime I try to compile.

I check your blog and originally it was

///<reference path="../../typings/browser.d.ts" />

You suggest to change it to
///<reference path="../../node_modules/angular2/typings/browser.d.ts" />

However, the gulp build-spa fails when I try to compile with any of the options.

or by cmd

Could you please help me solve this.

After I start application, in FIrebug I see:

Error: patchProperty/desc.set/wrapFn@http://localhost:9823/node_modules/zone.js/dist/zone.js:647:26
    ZoneDelegate.prototype.invokeTask@http://localhost:9823/node_modules/zone.js/dist/zone.js:236:23
    Zone.prototype.runTask@http://localhost:9823/node_modules/zone.js/dist/zone.js:136:28
    ZoneTask/this.invoke@http://localhost:9823/node_modules/zone.js/dist/zone.js:304:28

    Error loading http://localhost:9823/app

I just get spinner nothing esle ...

and in npm restore I always get:

npm WARN optional Skipping failed optional dependency /chokidar/fsevents:
npm WARN notsup Not compatible with your operating system or architecture: [email protected]

What can I do?

If I'm reading this correctly, it seems we're storing the plaintext password entered at login in localStorage in order to authenticate against? This seems very dangerous. Is the expectation here that it's left as an exercise to the reader to develop a more secure means of authenticating? If that is the case I think there should be some warnings around that as many people are likely using this in the wild.

Perhaps I'm reading this wrong and am mistaken but it'd be great to have some clarification either way. Thanks for your work on this repo - it's a great resource :)

Hi,
I follow steps in readme to run the project on ubuntu 14.04. Unfortunatelly by step VIIIb (dotnet ef database update) there's following error message:

wojtek@dell:~/aspnet5-angular2-typescript/src/PhotoGallery$ dotnet ef database update
Project PhotoGallery (.NETCoreApp,Version=v1.0) will be compiled because Input items added from last build
Compiling PhotoGallery for .NETCoreApp,Version=v1.0
Compilation succeeded.
0 Warning(s)
0 Error(s)
Time elapsed 00:00:07.9432541

System.NotSupportedException: The keyword 'integrated security' is not supported on this platform.
at System.Data.SqlClient.SqlConnectionString..ctor(String connectionString)
at System.Data.SqlClient.SqlConnectionFactory.CreateConnectionOptions(String connectionString, DbConnectionOptions previous)
at System.Data.ProviderBase.DbConnectionFactory.GetConnectionPoolGroup(DbConnectionPoolKey key, DbConnectionPoolGroupOptions poolOptions, DbConnectionOptions& userConnectionOptions)
at System.Data.SqlClient.SqlConnection.ConnectionString_Set(DbConnectionPoolKey key)
at System.Data.SqlClient.SqlConnection.set_ConnectionString(String value)
at Microsoft.EntityFrameworkCore.Storage.Internal.SqlServerConnection.CreateDbConnection()
at Microsoft.EntityFrameworkCore.Internal.LazyRef`1.get_Value()
at Microsoft.EntityFrameworkCore.Migrations.Internal.Migrator.Migrate(String targetMigration)
at Microsoft.EntityFrameworkCore.Design.MigrationsOperations.UpdateDatabase(String targetMigration, String contextType)
at Microsoft.EntityFrameworkCore.Tools.Cli.DatabaseUpdateCommand.<>c__DisplayClass0_0.b__0()
at Microsoft.Extensions.CommandLineUtils.CommandLineApplication.Execute(String[] args)
at Microsoft.EntityFrameworkCore.Tools.Cli.Program.Main(String[] args)
The keyword 'integrated security' is not supported on this platform.

How can I fix it?
Cheers,
Wojtek

The db init on Mac OSX with Mono seems to be a bit different:

1. No SQL server locally, instead SQLite. Requires the addition of

"EntityFramework.SQLite": "7.0.0-rc1-final",
"EntityFramework.Sqlite.Design": "7.0.0-rc1-final",

to project.json.

2. appsettings.json must look like this, if SQLite is used (just the Data property is of interest):

{
  "Logging": {
    "IncludeScopes": false,
    "LogLevel": {
      "Default": "Verbose",
      "System": "Information",
      "Microsoft": "Information"
    }
  },
  "Data": {
    "PhotoGalleryConnection": {
      "ConnectionString": "Data Source=./webapp.db"
    }
  }
}

and a ./webapp.db must exist in the root (not sure, at least I copied it to there from a project scaffolded with yo aspnet). After that "dnx ef database update" will work

3. Additionally replace SQL Server setup in ConfigureServices with an SQLite setup

services.AddEntityFramework()
     .AddSqlite()
     .AddDbContext<PhotoGalleryContext>(options =>
         options.UseSqlite(Configuration["Data:PhotoGalleryConnection:ConnectionString"]));

4. Then there is an issue in DbInitializer.cs

string[] _images = Directory.GetFiles(Path.Combine(imagesPath, "wwwroot\\images"));

is not portable and leads to failures like this:

Application startup exception: System.Reflection.TargetInvocationException: Exception has been thrown by the target of an invocation. ---> System.IO.DirectoryNotFoundException: Directory '/Users/decades/Angular2/aspnet5-angular2-typescript/src/PhotoGallery/wwwroot\images' not found.

Could hotfix it by

string[] _images = Directory.GetFiles("./wwwroot/images"/*Path.Combine(imagesPath, "wwwroot/images")*/);

Then the app did start at least and seemed to work.

I clone the new version code from here and opened in VS2017. Followed the install instruction in the ReadMe. Build success. When I use try to do EF migration, I got following errors.

C:\Projects\aspnet6-angular2-typescript\src\PhotoGallery>dotnet ef migrations add initial

Build succeeded.
0 Warning(s)
0 Error(s)

Time Elapsed 00:00:02.44
An error occurred while calling method 'ConfigureServices' on startup class 'Startup'. Consider using IDbContextFactory to override the initialization of the DbContext at design-time. Error: Could not find 'UserSecretsIdAttribute' on assembly 'ef, Version=1.0.0.0, Culture=neutral, PublicKeyToken=adb9793829ddae60'.
No parameterless constructor was found on 'PhotoGalleryContext'. Either add a parameterless constructor to 'PhotoGalleryContext' or add an implementation of 'IDbContextFactory' in the same assembly as 'PhotoGalleryContext'.

Cannot restore: I get the following errors in the project.json file. Can you please guide me through this.

Error NU1002 The dependency Microsoft.AspNetCore.Mvc 1.0.0 does not support framework .NETCoreApp,Version=v1.0. PhotoGallery C:\Downloads\aspnet5-angular2-typescript-master\aspnet5-angular2-typescript-master\src\PhotoGallery\project.json 15
Error NU1002 The dependency Microsoft.AspNetCore.Mvc.TagHelpers 1.0.0 does not support framework .NETCoreApp,Version=v1.0. PhotoGallery C:\Downloads\aspnet5-angular2-typescript-master\aspnet5-angular2-typescript-master\src\PhotoGallery\project.json 16

Hi,

First of all I would like to thank you for the great tutorial on Angular2 SPA.

I've downloaded the complete solution but I can't seem to build it because I am facing TS definition files errors.

Property 'map' does not exist on type 'Observable<Response>'

It keeps complaining on the angular definition files as if they couldn't be found.

I have followed all the installation steps described on the blog, I have even reinstalled VS but still no luck.

Am I missing something?

I have Visual Studio 2015 Community.

I have also tried on VS Code, same problem.

Can anyone assist me? Thanks

Chsakell,

can i install asp core in wamp apache ?

Got this on a Mac. Could resolve by adding

declare var alertify: any

in line 3 of notificationService.ts

When photos model changed in constructor by calling service for the first time, UI does not update.

constructor(public photosService: DataService) {
        super(0, 0, 0);
        photosService.set(this._photosAPI, 12);
        this.getPhotos();
}

I can walk around by running the getPhotos method in a zone's run method:

import {Component, NgZone} from 'angular2/core';
constructor(public photosService: DataService, public zone: NgZone) {
    super(0, 0, 0);

    photosService.set(this._photosAPI, 12);
    this.zone.run(() => {
        this.getPhotos();
    });
}

Is there any better way to solve this issue?

Awesome article!

It works fine in Chrome, but debugging w/ IE11 results in:
"Object doesn't support property or method 'keys'" in app.js (Angular2) related I think, all I can find says to include es6-shim.js, which you do in the gulp. I tried moving it earlier in gulp, but no luck???

Anyone have a solution?

Thanks!

When clicking on albums I see in the console the following error:
http://localhost:5000/Account/Login?ReturnUrl=%2Fapi%2Falbums%2F0%2F3

When it restores the packages, the following errors/warnings appear in the log for alertify:

bower alertify.js#0.3.11                  not-cached https://github.com/fabien-d/alertify.js.git#0.3.11
bower alertify.js#0.3.11                     resolve https://github.com/fabien-d/alertify.js.git#0.3.11
bower components-font-awesome#4.5.0         checkout 4.5.0
bower alertify.js#0.3.11                    checkout 0.3.11
bower bootstrap#3.3.6                       checkout v3.3.6
bower alertify.js#0.3.11                invalid-meta alertify.js is missing "main" entry in bower.json
bower alertify.js#0.3.11                invalid-meta alertify.js is missing "ignore" entry in bower.json
bower alertify.js#0.3.11                    resolved https://github.com/fabien-d/alertify.js.git#0.3.11
bower components-font-awesome#4.5.0         resolved https://github.com/components/font-awesome.git#4.5.0
bower bootstrap#3.3.6                       resolved https://github.com/twbs/bootstrap.git#3.3.6
bower jquery#1.9.1 - 2                    not-cached https://github.com/jquery/jquery-dist.git#1.9.1 - 2
bower jquery#1.9.1 - 2                       resolve https://github.com/jquery/jquery-dist.git#1.9.1 - 2
bower jquery#1.9.1 - 2                      checkout 2.2.4
bower jquery#1.9.1 - 2                      resolved https://github.com/jquery/jquery-dist.git#2.2.4
bower alertify.js#0.3.11                     install alertify.js#0.3.11
bower components-font-awesome#4.5.0          install components-font-awesome#4.5.0
bower bootstrap#3.3.6                        install bootstrap#3.3.6
bower jquery#1.9.1 - 2                       install jquery#2.2.4
alertify.js#0.3.11 bower_components\alertify.js

Then, when the app runs the Javascript console shows:

File not found: /lib/js/alertify.min.js
File not found: /lib/css/alertify.core.css
File not found: /lib/css/alertify.bootstrap.css

If I manually execute bower update alertify I then get:

bower                     invalid-meta The "name" is recommended to be lowercase, can contain digits, dots, dashes
bower alertify#*                cached https://github.com/fabien-d/alertify.js-shim.git#0.3.10
bower alertify#*              validate 0.3.10 against https://github.com/fabien-d/alertify.js-shim.git#*
bower alertify.js     extra-resolution Unnecessary resolution: alertify.js#^0.3.11

I'm not sure where to go from here. Can you help?

I think it is my mistake in something, but i do not have lib folder in webroot, so i get errors about missing js and css files. I have tried to restore npm packages but result was the same. Could you please help with this? I use Visual studio 2015 community edition.

F:\aspnet5-angular2-typescript-master\aspnet5-angular2-typescript-master\src\PhotoGallery>npm install
npm WARN install Couldn't install optional dependency: Unsupported

Microsoft .NET Development Utility Mono-x64-1.0.0-rc1-16231

Could resolve by adding

    "EntityFramework.MicrosoftSqlServer.Design": "7.0.0-rc1-final",

as dependency to project.json

I downloaded your given application from GitHub, & tried to run application , it shows this error...

D:\Meghraj\Dot Net Core\aspnet5-angular2-typescript-master\src\PhotoGallery>dotnet restore
Restoring packages for D:\Meghraj\Dot Net Core\aspnet5-angular2-typescript-master\src\PhotoGallery\PhotoGallery.csproj...
Restoring packages for D:\Meghraj\Dot Net Core\aspnet5-angular2-typescript-master\src\PhotoGallery\PhotoGallery.csproj...
Restoring packages for D:\Meghraj\Dot Net Core\aspnet5-angular2-typescript-master\src\PhotoGallery\PhotoGallery.csproj...
Restoring packages for D:\Meghraj\Dot Net Core\aspnet5-angular2-typescript-master\src\PhotoGallery\PhotoGallery.csproj...
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.Extensions.SecretManager.Tools''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='AutoMapper.Data''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.AspNetCore.Diagnostics''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.AspNetCore.Authentication.Cookies''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.AspNetCore.Server.IISIntegration''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.AspNetCore.Server.Kestrel''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.AspNetCore.StaticFiles''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.EntityFrameworkCore''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.EntityFrameworkCore.SqlServer''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.EntityFrameworkCore.Tools''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.EntityFrameworkCore.InMemory''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.AspNetCore.Mvc.TagHelpers''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.AspNetCore.Identity''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.NETCore.App''.
An error occurred while sending the request.
The server name or address could not be resolved
C:\Program Files\dotnet\sdk\1.0.4\NuGet.targets(97,5): error : Failed to retrieve information about 'Microsoft.Extensions.SecretManager.Tools' from remote source 'htt
p://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.Extensions.SecretManager.Tools''.\r [D:\Meghraj\Dot Net Core\aspnet5-angular2-typescript-ma
ster\src\PhotoGallery\PhotoGallery.csproj]
C:\Program Files\dotnet\sdk\1.0.4\NuGet.targets(97,5): error : An error occurred while sending the request.\r [D:\Meghraj\Dot Net Core\aspnet5-angular2-typescript-m
aster\src\PhotoGallery\PhotoGallery.csproj]
C:\Program Files\dotnet\sdk\1.0.4\NuGet.targets(97,5): error : The server name or address could not be resolved [D:\Meghraj\Dot Net Core\aspnet5-angular2-typescript
-master\src\PhotoGallery\PhotoGallery.csproj]
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.Extensions.Configuration.Json''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.Extensions.Configuration.EnvironmentV
ariables''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.AspNetCore.Mvc''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.Extensions.Configuration.Json''.
An error occurred while sending the request.
The server name or address could not be resolved
Retrying 'FindPackagesByIdAsyncCore' for source 'http://packages.nuget.org/v1/FeedService.svc/FindPackagesById()?id='Microsoft.Extensions.Configuration.EnvironmentV
ariables''.
An error occurred while sending the request.
The server name or address could not be resolved

After the update the browser page to restore the old page Url. Now there is a transition at the Home page.

Hi Christos,

Not sure this is the correct place to contact you re my issue, I have forked your repo and opened it in VS 2015 and tried to run the app but get a strange error:

Error: Object doesn't support property or method 'keys'
Error loading http://localhost:9823/lib/spa/app.js

The spinning wheel is displayed but the app hangs and nothing happens.

I am not sure what this means? The only thing I have change is the connection string for the app to run on my machine. This works fine as I have run the scripts for EF to create the db locally, can you please advise?

Many thanks

Sorry if this is not the place to contact you regarding the issue.

Oh and running on Windows

Any update on the change from TSD to Typings in beta.8? I updated my package and now typescript not completely compiling as the tsResult.js is undefined per this error...

TypeError: Cannot read property 'pipe' of undefined at Gulp.<anonymous> (C:\Users\brian\Dropbox (Personal)\AA\Local Projects\RedsCore\RedsCore\src\RedsCore\gulpfile.js:92:23) at module.exports (C:\Users\brian\Dropbox (Personal)\AA\Local Projects\RedsCore\RedsCore\src\RedsCore\node_modules\orchestrator\lib\runTask.js:34:7) at Gulp.Orchestrator._runTask (C:\Users\brian\Dropbox (Personal)\AA\Local Projects\RedsCore\RedsCore\src\RedsCore\node_modules\orchestrator\index.js:273:3) at Gulp.Orchestrator._runStep (C:\Users\brian\Dropbox (Personal)\AA\Local Projects\RedsCore\RedsCore\src\RedsCore\node_modules\orchestrator\index.js:214:10) at Gulp.Orchestrator.start (C:\Users\brian\Dropbox (Personal)\AA\Local Projects\RedsCore\RedsCore\src\RedsCore\node_modules\orchestrator\index.js:134:8) at C:\Users\brian\AppData\Roaming\npm\node_modules\gulp\bin\gulp.js:129:20 at _combinedTickCallback (node.js:370:9) at process._tickCallback (node.js:401:11) at Function.Module.runMain (module.js:449:11) at startup (node.js:141:18)

Hi chsakell! Help my!
How to include multiple level IEnumerable Tags : IEntityBase in IEntityBaseRepository?
example:
Need to get all albums in which the photos tagged with elephant.

_albums = _albumRepository
             .AllIncluding(a => a.Photos, b=> b.Photos.Tags)
             .Where(a => a.Photos.Any(b=> b.Photos.Tags.Name == "Elephant")
             .ToList();

Problem b=> b.Photos.Tags Tags does not exist.

As already commented in the article I could make PathLocationStrategy run w/o breaking bookmarks by adding the attribute

[Route("{*url}")

to the HomeController and adding

<base href="/"> 

in my index.html.

This seems to not lead me back to the bookmarked URL in your current app. FFS...

EDIT: Ahh. The reason was line 31 in app.ts:

location.go('/');

Uncomment it and PathLocationStrategy will work as well :)