AngularClass/angular2-webpack-starter

An Angular 2 Webpack Starter kit featuring Angular 2, Router, TypeScript, and Webpack by AngularClass

Freddy Montes

@fmontes

Hi guys, I'm getting this error, I tried anything I can think of and no luck, any ideas?

Uncaught TypeError: jit_val_0 is not a function
    at eval (ng:///AppModule/module.ngfactory.js:3)
    at evalExpression (vendor.dll.js:71552)
    at jitStatements (vendor.dll.js:71564)
    at JitCompiler._compileModule (vendor.dll.js:71845)
    at vendor.dll.js:71784
    at Object.then (vendor.dll.js:46693)
    at JitCompiler._compileModuleAndComponents (vendor.dll.js:71782)
    at JitCompiler.compileModuleAsync (vendor.dll.js:71711)
    at PlatformRef_._bootstrapModuleWithZone (vendor.dll.js:6388)
    at PlatformRef_.bootstrapModule (vendor.dll.js:6374)
    at HTMLDocument.main (main.bundle.js:7650)
    at ZoneDelegate.invokeTask (polyfills.dll.js:4522)
    at Zone.runTask (polyfills.dll.js:4289)
    at ZoneTask.invokeTask [as invoke] (polyfills.dll.js:4596)
    at invokeTask (polyfills.dll.js:5462)
    at HTMLDocument.globalZoneAwareCallback (polyfills.dll.js:5488)

David Nguyen

@thanhnvpt_twitter

hi all

How can i fix this issue in webpack-starter. I've tried to find in index.html but there is'nt a line of polyfill

Vladimir Saakyan

@lossless1

hello

guys, i need your help to connecting otf font files to my angular 2 project

can you explain me how to connect loader to webpack config

Deepak Kanyan

@zap-deepak

@zap-deepak
Hello folks, i am using https://github.com/InfomediaLtd/angular2-materialize/ multiple select.
i want to show by default selected some options base on dynamic data.
can somebody please help me how can i do this.
i am using AbstractControl formControl for this multiselect

Vladimir Saakyan

@lossless1

hello everyone

ROne

@ravi-mone

Hello all

while runing the command npm run build:aot:prod

I get an error like

Error: Error encountered resolving symbol values statically. Reference to a local (non-exported) symbol 'routes'. Consider exporting the symbol (position 19:7 in the original .ts file), resolving symbol HomeRoutingModule in /var/www/html/ng2-lab/prowebcli/src/app/modules/home/home-routing.module.ts

not sure what is wrong in homeRoutingModule

Jan Möller

@Croissong

am i correct in assuming that the current ScriptExtHtmlWebpackPlugin config includes all the functionality of the commented out preloadWebpackPlugin ?

Rishu

@rishukamboj

@Croissong this bewlo is my code . it is just simple without having to use more components.

and having this error in console.

ROne

@ravi-mone

Hello All
I have a issue in AOT with tree shaking
Scenerio 1:
When I build by application with AOT, and then running the dist folder using http-server, the application opens in the browser and works fine, No issues here :grinning:.

Scenerio 2:
But when I add tree shaking code in my file : webpack.config.js along with AOT build

 new HtmlWebpackPlugin({ title: 'Tree-shaking' })

reference : http://jakewiesler.com/tree-shaking-es6-modules-in-webpack-2/

and on running the AOT build folder, the browser displays error in the console like ERROR Error: The selector "app" did not match any elements
leaving with blank screen
Now If I remove that tree-shaking code from web-pack and run the AOT build then the Application again works properly

Not Sure, what else is missing.
please have a look at my issue, and help me if you have any idea

and the AOT build is happening on the command npm run build:aot:prod
https://github.com/AngularClass/angular-starter/blob/master/package.json

Sandeep Gupta

@sandeepkrgupt

Hello

Is this Chat Room for Angular 2

if this chat room is Active and heplful plz reply

ROne

@ravi-mone

you are in wrong room

angular room: https://gitter.im/angular/angular

Deepak Kanyan

@zap-deepak

Hi friends i have created website in angular2 cli now i need seo for the same but i don't want to use angular2 universal. is there any other method for server side rendering or seo for angular 2

Stanislav Kovalenko

@KovalenkoStas

Hello all!
Can you help me in starting a new project with angular 4 starter kit with webpack and a lot of features (https://github.com/AngularClass/angular-starter), which files/folder I can delete for starting new project. Thanks.

juro

@roland-jungwirth

Hi, when using the webpack-dev-server, how can I set up proxies that pull their config from a local file?

Stanislav Kovalenko

@KovalenkoStas

@roland-jungwirth

devServer: {
        contentBase: path.join(__dirname, "dist"),
        compress: true,
        port: 9000,
        proxy: {
            '/api': {
                target: 'http://localhost:3000',
                secure: false,
                pathRewrite: {
                    "^/api": ""
                }
            }
        }
}

juro

@roland-jungwirth

@KovalenkoStas, thank you. I found that but I needed to pull the actual values from a static (non repo’ed) file. So this is what I did:

var proxies = require("../proxy.config.json");
var proxy_url = proxies.base_api_url;
...
devServer: {
      proxy: {
          '/api_request': {
              target: proxy_url,
              secure: false
          }
      }
    },

juro

@roland-jungwirth

Hi, what scenario would I use the github-deploy:prod command for?

Luke Chatton

@lukechatton

Hello! How would I go about determining if the client is running in production vs development (from the angular 2 client side, not web server)?

Luke Chatton

@lukechatton

Or better yet, access environment variables from within the angular app. I'm not too sure how the whole config/webpack.prod.js works

Luke Chatton

@lukechatton

Scratch that! Figured out how the environment provider works. Very handy :)

Phani Kiran Guttha

@phanikiranwtc

Wanted to know wether module build will be allow to deploy the module alone..

example: in my application i have one module which is used with lazy loading .

and i deploy the complete application including the lazy loaded module.

after a while there is a change in lazy loaded module. Now ther are two ways of deploying

1) Build the complete application which will build the lazy loaded module as well and deploy the complete code
2) build only the lazy loaded module and deploy it alone ( Is this possible already ?)

Peter Rabbit

@rabpeter

Hi, I got some problems when I'm using Morris js plugins , currently I'm using Angular starter repo for basic structure.
Any ideas about this?

John

@jfgouda

Hello I have an issue with WebPack to work with VS 2017 SPA template, I'm using Limitless HTML template, and in order to merge it with the SPA template I need to include custom CSS and JS to the webpack bundle. But I cannot get it to work, specially no comments or read me file to tell me where to place my custom files. I already asked the question on SOF for almost 2 weeks no answer. I would appreciate any help really. https://stackoverflow.com/questions/46384875/vs-2017-update-3-net-core-2-spa-angular-how-to-expand-the-template-and-ad

texirv0203

@texirv0203

@all I tried so many ways but still I am not able to achieve...can you help me https://stackoverflow.com/questions/46386120/typeerror-cannot-read-property-user-mainvalue-of-undefined

texirv0203

@texirv0203

@all can you help me https://stackoverflow.com/questions/46750283/api-call-working-in-one-method-but-not-working-in-another-method-typeerror-c

texirv0203

@texirv0203

@all hey can you help me with this one https://stackoverflow.com/questions/46755395/placed-debugger-inside-subscribedata-its-not-going-inside

Dre

@mrlukrative

@all does anyone know a way to add a script to the head in the index.html dynamically. I want to be able to set the appropriate script based on the environment variable(test, staging, production) This script is for AdobeTM.

texirv0203

@texirv0203

@all can you help me https://stackoverflow.com/questions/46776270/pivotal-cloud-foundry-throwing-error-with-node

Dre

@mrlukrative

Hi can anyone help me reduce the size of the vendor.js I've been search everywhere for a solution. My vendor file is currently 4.9mb. Running the recommended --prod --aot does absolutely nothing.

texirv0203

@texirv0203

@all can you help me now https://stackoverflow.com/questions/46780772/npm-err-failed-at-the-sleeping1-0-0-bundle-script-webpack

texirv0203

@texirv0203

@all can you help me with this one https://stackoverflow.com/questions/46785100/error-in-entry-module-not-found-error-cant-resolve-app-js-in-c-users-we

texirv0203

@texirv0203

@all can you help me with it https://stackoverflow.com/questions/46795324/ng-build-not-executing-successfully-for-my-angular-app