getstream / stream-angular-example Goto Github PK

View Code? Open in Web Editor NEW

5.0 39.0 6.0 1.62 MB

License: Other

TypeScript 31.16% JavaScript 2.94% HTML 12.20% CSS 53.70%

angular angular-cli foundation javascript typescript stream-js getstream notification-feed news-feed feed

stream-angular-example's Introduction

stream-angular-example

Installation

Install project dependencies: npm install or yarn install
Create a stream project and define feed groups

Add stream feed tokens:

const APP_TOKEN = '';
const APP_ID = '';
const FEED_GROUP = '';
const FEED_ID = '';
const FEED_TOKEN = '';

Run the app: ng serve

Angular-cli project basics

This project was generated with Angular CLI version 1.0.2.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Copyright and License Information

See the file "LICENSE" for information on the history of this software, terms & conditions for usage, and a DISCLAIMER OF ALL WARRANTIES.

stream-angular-example's People

Contributors

Stargazers

Watchers

Forkers

shaungt1 abhaysofttech kokoit555 escorpion1977 dhiman-neh eduardorspada

stream-angular-example's Issues

Test issue.

Missing ~foundation-sites/scss/util/util

When i run the project, i get the error as below:

Error: ./src/styles.scss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
63 │ @import "~foundation-sites/scss/util/util";
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/assets/foundation-sites/_settings.scss 63:9 @import
src/styles.scss 7:9 root stylesheet
at /Users/letho/Desktop/stream-sample/client/node_modules/webpack/lib/NormalModule.js:316:20
at /Users/letho/Desktop/stream-sample/client/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /Users/letho/Desktop/stream-sample/client/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/Users/letho/Desktop/stream-sample/client/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /Users/letho/Desktop/stream-sample/client/node_modules/sass-loader/dist/index.js:56:7
at Function.call$2 (/Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:89862:16)
at _render_closure1.call$2 (/Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:79036:12)
at _RootZone.runBinary$3$3 (/Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:26612:18)
at _FutureListener.handleError$1 (/Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:25140:19)
at _Future__propagateToListeners_handleError.call$0 (/Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:25437:49)
at Object._Future__propagateToListeners (/Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:4502:77)
at _Future._completeError$2 (/Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:25270:9)
at _AsyncAwaitCompleter.completeError$2 (/Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:24613:12)
at Object._asyncRethrow (/Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:4251:17)
at /Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:13112:20
at _wrapJsFunctionForAsync_closure.$protected (/Users/letho/Desktop/stream-sample/client/node_modules/sass/sass.dart.js:4276:15)

Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
╷
1 │ @import '~assets/foundation-sites/settings';
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
src/app/top-nav-bar/top-nav-bar.component.scss 1:9 root stylesheet

Errors on `ng serve`

Hey,

Im getting these long errors here is a snippet of them

Module not found: Error: Can't resolve './C:test-projectsstream-angular-examplenode_modules☼ont-awesome☼onts☼ontawesome-webfont.eot' in 'C:\test-projects\stream-angular-example\src'
resolve './C:test-projectsstream-angular-examplenode_modules☼ont-awesome☼onts☼ontawesome-webfont.eot' in 'C:\test-projects\stream-angular-example\src'
  using description file: C:\test-projects\stream-angular-example\package.json (relative path: ./src)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: C:\test-projects\stream-angular-example\package.json (relative path: ./src)
    using description file: C:\test-projects\stream-angular-example\package.json (relative path: ./src/C:test-projectsstream-angular-examplenode_modules☼ont-awesome☼onts☼ontawesome-webfont.eot)
      no extension
        Field 'browser' doesn't contain a valid alias configuration
        C:\test-projects\stream-angular-example\src\C:test-projectsstream-angular-examplenode_modules☼ont-awesome☼onts☼ontawesome-webfont.eot doesn't exist
      .ts
        Field 'browser' doesn't contain a valid alias configuration
        C:\test-projects\stream-angular-example\src\C:test-projectsstream-angular-examplenode_modules☼ont-awesome☼onts☼ontawesome-webfont.eot.ts doesn't exist
      .js
        Field 'browser' doesn't contain a valid alias configuration
        C:\test-projects\stream-angular-example\src\C:test-projectsstream-angular-examplenode_modules☼ont-awesome☼onts☼ontawesome-webfont.eot.js doesn't exist
      as directory

I downloaded the project from github, ran yarn install and ran ng serve

my version of angular is

Node: 9.2.1
OS: win32 x64
Angular: 5.1.2
... common, compiler, compiler-cli, core, forms, http
... platform-browser, platform-browser-dynamic, router

@angular/cli: 1.6.3
@angular-devkit/build-optimizer: 0.0.36
@angular-devkit/core: 0.0.22
@angular-devkit/schematics: 0.0.42
@ngtools/json-schema: 1.1.0
@ngtools/webpack: 1.9.3
@schematics/angular: 0.1.11
@schematics/schematics: 0.0.11
typescript: 2.5.3
webpack: 3.10.0```