question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Videogular2 modules not found

See original GitHub issue

Description

The application is unable to compile. The basic app.module.ts contening import of all the videogular2 does not work.

Angular version => 8.1.2

Expected Behavior

Normal way to import Module in Angular should working as explained in the ‘Getting Started’:

https://videogular.github.io/videogular2/docs/getting-started/

Actual Behavior

Transpiler is unable to find the Videagular2’s modules.

ERROR in src/app/app.module.ts:4:30 - error TS2307: Cannot find module 'videogular2/core'.

4 import { VgCoreModule } from 'videogular2/core';
                               ~~~~~~~~~~~~~~~~~~
src/app/app.module.ts:5:34 - error TS2307: Cannot find module 'videogular2/controls'.

5 import { VgControlsModule } from 'videogular2/controls';
                                   ~~~~~~~~~~~~~~~~~~~~~~
src/app/app.module.ts:6:37 - error TS2307: Cannot find module 'videogular2/overlay-play'.

6 import { VgOverlayPlayModule } from 'videogular2/overlay-play';
                                      ~~~~~~~~~~~~~~~~~~~~~~~~~~
src/app/app.module.ts:7:35 - error TS2307: Cannot find module 'videogular2/buffering'.

7 import { VgBufferingModule } from 'videogular2/buffering';
                                    ~~~~~~~~~~~~~~~~~~~~~~~

Steps to Reproduce

Just add import in the app.module.ts file (after all npm install done!)

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { VgCoreModule } from 'videogular2/core';
import { VgControlsModule } from 'videogular2/controls';
import { VgOverlayPlayModule } from 'videogular2/overlay-play';
import { VgBufferingModule } from 'videogular2/buffering';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    VgCoreModule,
    VgControlsModule,
    VgOverlayPlayModule,
    VgBufferingModule,
    AppRoutingModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:8
  • Comments:6

github_iconTop GitHub Comments

75reactions
YomeKatsumacommented, Jul 22, 2019

All works if i add ‘compiled/’ in the import path :

import { VgCoreModule } from 'videogular2/compiled/core';
import { VgControlsModule } from 'videogular2/compiled/controls';
import { VgOverlayPlayModule } from 'videogular2/compiled/overlay-play';
import { VgBufferingModule } from 'videogular2/compiled/buffering';
2reactions
cuznerdextercommented, Jun 29, 2020

Yes I am also seeing this error. Trying to use the basic example template. Nothing works. <vg-player> <video [vgMedia]="media" #media id="singleVideo" preload="auto" controls> <source src="http://static.videogular.com/assets/videos/videogular.mp4" type="video/mp4"> </video> </vg-player>

getting the same errors as above. ERROR in node_modules/videogular2/compiled/src/core/core.d.ts:29:22 - error NG6002: Appears in the NgModule.imports of VideotestModule, but could not be resolved to an NgModule class.

Is there a solution to this ?

Read more comments on GitHub >

github_iconTop Results From Across the Web

cannot find module videogular2/core,videogular2/controls
I do not have a file named angular-cli-build.js. The solution was very simple. It just meant adding "--save" to the install: npm install...
Read more >
Getting Started · GitBook
To start using Videogular in your project you have to add the Videogular module to your application module. Open src/app/app.module.ts and remove the ......
Read more >
Module not found error can t resolve videogular2/buffering
Videogular. Videogular is an HTML5 video player for Angular 2.0.Videogular is a wrapper over the HTML5 video tag, so you can just add...
Read more >
videogular2 | Yarn - Package Manager
videogular2. owner videogular12.9kMIT7.0.2TS. Videogular is a video application framework for desktop and mobile powered by Angular.
Read more >
videogular/videogular - Gitter
@vivekpce865 only video types supported in browsers are accepted, so no, mts is not accepted. _. chasrickarby ... Cannot find module 'videogular2/controls'.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found