Stackblitz examples not working

[barni2000]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

This works https://material.angular.io/components/menu/overview.

What is the current behavior?

Stackblitz variant is not. https://stackblitz.com/angular/emekjleyejm?file=app%2Fmenu-overview-example.ts

What are the steps to reproduce?

Open the stackblitz example.

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Browser: Chromium Version 64.0.3282.167 (Developer Build) (64-bit)
OS: Archlinux

[donroyco]

@barni2000 I assume you're mentioning Google Chrome. It's working okay for me on macOS latest version of High Sierra. Do you see any errors in the console?

[barni2000]

Yes:

If I export also not working.

[barni2000]

Firs i got this after npm install:

> angular-template@0.0.0 start /home/work/emekjleyejm.angular
> ng serve

module.js:557
    throw err;
    ^

Error: Cannot find module '@angular-devkit/core'
    at Function.Module._resolveFilename (module.js:555:15)
    at Function.Module._load (module.js:482:25)
    at Module.require (module.js:604:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/home/work/emekjleyejm.angular/node_modules/@angular-devkit/schematics/src/tree/virtual.js:10:16)
    at Module._compile (module.js:660:30)
    at Object.Module._extensions..js (module.js:671:10)
    at Module.load (module.js:573:32)
    at tryModuleLoad (module.js:513:12)
    at Function.Module._load (module.js:505:3)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! angular-template@0.0.0 start: `ng serve`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the angular-template@0.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/work/.npm/_logs/2018-02-21T11_56_22_632Z-debug.log

[barni2000]

Afer I install @angula-devkit/core i got this with npm start:

> angular-template@0.0.0 start /home/work/emekjleyejm.angular
> ng serve

** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2018-02-21T11:58:05.453Z                                                       
Hash: 7d8137d0a69c57926f5f
Time: 2024ms
chunk {inline} inline.bundle.js (inline) 5.79 kB [entry] [rendered]
chunk {main} main.bundle.js (main) 2.93 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 636 bytes [initial] [rendered]
chunk {styles} styles.bundle.js (styles) 150 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 853 kB [initial] [rendered]

ERROR in Error: Tried to find bootstrap code, but could not. Specify either statically analyzable bootstrap code or pass in an entryModule to the plugins options.
    at Object.resolveEntryModuleFromMain (/home/work/emekjleyejm.angular/node_modules/@ngtools/webpack/src/entry_resolver.js:131:11)
    at Promise.resolve.then.then (/home/work/emekjleyejm.angular/node_modules/@ngtools/webpack/src/angular_compiler_plugin.js:239:54)
    at <anonymous>
    at process._tickCallback (internal/process/next_tick.js:160:7)

webpack: Failed to compile.

[barni2000]

If I split AppModule to app/app.module.ts from main.ts its works.

[josephperrott]

Can you provide your own reproduction case as the example you linked to seems to be working as expected.

[barni2000]

I click on edit in stackblitz and not loading after i try export from stackblitz to test in local and also not working.

[barni2000]

I create some changes it works after export in local but in stackblitz also not loading in edit mode but open in new window function this works, original example is not.

• npm install
• npm start

App:
https://angular-hlrhkp.stackblitz.io

Edit:
https://stackblitz.com/edit/angular-hlrhkp

[barni2000]

I've done some testing on other web browsers. The original examples works with Firefox, i think this issue Chromium related.

[barni2000]

I have installed Google-Chrome instead of Chromium and its working, but the examples still not exportable.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}