search

fullcalendar / fullcalendar-angular

The official Angular component for FullCalendar
https://fullcalendar.io/docs/angular
MIT License
1.08k stars 178 forks source link

Angular 9.rc7: IVY ERROR in The target entry-point "@fullcalendar/angular" has missing dependencies #270

Closed tobiashoeft closed 4 years ago

tobiashoeft commented 4 years ago

ERROR in The target entry-point "@fullcalendar/angular" has missing dependencies:

Angular-CLI version

"@angular/cli": "9.0.0-rc.6",

.package.json

"dependencies": { "@angular/animations": "9.0.0-rc.7", "@angular/cdk": "~8.2.0", "@angular/common": "~9.0.0-rc.7", "@angular/compiler": "~9.0.0-rc.7", "@angular/core": "~9.0.0-rc.7", "@angular/forms": "~9.0.0-rc.7", "@angular/localize": "^9.0.0-rc.7", "@angular/material": "~8.2.0", "@angular/platform-browser": "~9.0.0-rc.7", "@angular/platform-browser-dynamic": "~9.0.0-rc.7", "@angular/router": "~9.0.0-rc.7", "@azure/ng-deploy": "^0.2.3", "@fullcalendar/angular": "^4.3.1", "@fullcalendar/core": "^4.3.1", "@fullcalendar/daygrid": "^4.3.0", "@fullcalendar/interaction": "^4.3.0", "@fullcalendar/list": "^4.3.0", "@fullcalendar/timegrid": "^4.3.0",

Reproduce:

$ ng serve

chunk {main} main.js, main.js.map (main) 2.07 kB [initial] [rendered] chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 715 bytes [initial] [rendered] chunk {runtime} runtime.js, runtime.js.map (runtime) 6.15 kB [entry] [rendered] chunk {scripts} scripts.js, scripts.js.map (scripts) 20.3 kB [entry] [rendered] chunk {styles} styles.js, styles.js.map (styles) 9.64 MB [initial] [rendered] chunk {vendor} vendor.js, vendor.js.map (vendor) 342 kB [initial] [rendered] Date: 2020-01-11T08:15:53.980Z - Hash: ab65ca86f43f9aa9525a - Time: 13527ms

ERROR in The target entry-point "@fullcalendar/angular" has missing dependencies:

Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/

josemadev commented 4 years ago

FullCalendar seamlessly integrates with the Angular 7. It provides a component that exactly matches the functionality of FullCalendar’s standard API. I try upgrade it in this this pull request https://github.com/fullcalendar/fullcalendar-angular/pull/269. Try it, it works fine for me in angular 8.

micobarac commented 4 years ago

How do I add this pull request as a dependency through yarn?

irustm commented 4 years ago

fixes in #263

tobiashoeft commented 4 years ago

Thx u!

Is the fix already on npm?

micobarac commented 4 years ago

Why is this issue closed anyway, when the solution isn't working in Angular 9?

yarn add https://github.com/josemadev/fullcalendar-angular#c12c0753f0ce354f29ea8db1a3cc2a871bca380e

ERROR in src/app/app.module.ts:4:36 - error TS2307: Cannot find module '@fullcalendar/angular'.

import { FullCalendarModule } from '@fullcalendar/angular';

Then, I've tried importing the module like this in app.module.ts:

import { FullCalendarModule } from '@fullcalendar/angular/projects/fullcalendar/src/lib/fullcalendar.module';

and setting the import part inside tsconfig.app.json:

"include": ["src/**/*.d.ts", "node_modules/@fullcalendar/angular/**/*.ts"]

but then I get this error:

ERROR in Symbol RouterModule declared in /Users/milan/Sites/angular9/node_modules/@fullcalendar/angular/node_modules/@angular/router/router.d.ts is not exported from @angular/router (import into /angular9/node_modules/@fullcalendar/angular/src/app/app-routing.module.ts)

How do you actually import the calendar module when installed from a git commit?

josemadev commented 4 years ago

Sorry i compiled the library in local, extract it and you could do yarn add /fullcalendar

fullcalendar.zip

micobarac commented 4 years ago

Nope, I cannot install it like that:

~/angular9 (master)$ yarn add /fullcalendar
yarn add v1.21.1
[1/4] 🔍  Resolving packages...
error Package "/fullcalendar" refers to a non-existing file '"/fullcalendar"'.
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
micobarac commented 4 years ago

This works:

yarn add file:fullcalendar

But, I still get the error:

ERROR in The target entry-point "@fullcalendar/angular" has missing dependencies:
 - @fullcalendar/core/types/input-types
 - @fullcalendar/core/datelib/env
 - @fullcalendar/core/datelib/duration
 - @fullcalendar/core/datelib/formatting
 - @fullcalendar/core/datelib/date-range
 - @fullcalendar/core/datelib/locale
 - @fullcalendar/core/validation
 - @fullcalendar/core/structs/event-source

And here we are back at the start again. I must say that this approach of solving the problem is going nowhere :(.

josemadev commented 4 years ago

Please @micobarac install @fullcalendar/core: yarn add @fullcalendar/core. I have a 4.3.1 version

micobarac commented 4 years ago

@josemadev here is my package.json, with @fullcalendar/core already installed:

{
  "name": "angular9",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve -o",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~9.0.0-rc.11",
    "@angular/common": "~9.0.0-rc.11",
    "@angular/compiler": "~9.0.0-rc.11",
    "@angular/core": "~9.0.0-rc.11",
    "@angular/forms": "~9.0.0-rc.11",
    "@angular/platform-browser": "~9.0.0-rc.11",
    "@angular/platform-browser-dynamic": "~9.0.0-rc.11",
    "@angular/router": "~9.0.0-rc.11",
    "@fullcalendar/angular": "file:fullcalendar",
    "@fullcalendar/core": "^4.3.1",
    "@fullcalendar/daygrid": "^4.3.0",
    "@fullcalendar/interaction": "^4.3.0",
    "@fullcalendar/list": "^4.3.0",
    "@fullcalendar/resource-timeline": "^4.3.0",
    "@fullcalendar/timegrid": "^4.3.0",
    "@fullcalendar/timeline": "^4.3.0",
    "@ngneat/until-destroy": "^7.1.0",
    "date-fns": "^2.9.0",
    "notyf": "^3.1.0",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.900.0-rc.10",
    "@angular/cli": "~9.0.0-rc.10",
    "@angular/compiler-cli": "~9.0.0-rc.11",
    "@angular/language-service": "~9.0.0-rc.11",
    "@types/jasmine": "~3.5.1",
    "@types/jasminewd2": "~2.0.8",
    "@types/node": "^13.5.0",
    "codelyzer": "^5.2.1",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "~4.4.1",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~2.1.1",
    "karma-jasmine": "~3.1.0",
    "karma-jasmine-html-reporter": "^1.5.1",
    "protractor": "~5.4.2",
    "ts-node": "~8.6.2",
    "tslint": "~5.20.1",
    "typescript": "~3.6.4"
  }
}
luthor77 commented 4 years ago

I created an issue on angular about this problem (I didn't saw that already was here, and started in rc.7).

https://github.com/angular/angular/issues/35054

JulienBourgain commented 4 years ago

when will this fix be released ?

codewoot commented 4 years ago

Do we have a fix for this issue? It looks like a bug with @fullcalendar/angular as these dependencies are actually missing from the package. I'm on angular 9.

filipbech commented 4 years ago

keeping my eye on this... v9rc14 seems to be the final version.. anything on this?

irustm commented 4 years ago

waiting this PR: #275

micobarac commented 4 years ago

Angular 9 full version has been officially released yesterday. Keep in mind this news.

micobarac commented 4 years ago

I compiled the angular9 branch lib via yarn build:lib and added it to a project via yarn add file:fullcalendar, but I am getting the same error from the start of the issue:

ERROR in The target entry-point "@fullcalendar/angular" has missing dependencies:
 - @fullcalendar/core/types/input-types
 - @fullcalendar/core/datelib/env
 - @fullcalendar/core/datelib/duration
 - @fullcalendar/core/datelib/formatting
 - @fullcalendar/core/datelib/date-range
 - @fullcalendar/core/datelib/locale
 - @fullcalendar/core/validation
 - @fullcalendar/core/structs/event-source
domenichelfenstein commented 4 years ago

I compiled the angular9 branch lib via yarn build:lib and added it to a project via yarn add file:fullcalendar, but I am getting the same error from the start of the issue:

ERROR in The target entry-point "@fullcalendar/angular" has missing dependencies:
 - @fullcalendar/core/types/input-types
 - @fullcalendar/core/datelib/env
 - @fullcalendar/core/datelib/duration
 - @fullcalendar/core/datelib/formatting
 - @fullcalendar/core/datelib/date-range
 - @fullcalendar/core/datelib/locale
 - @fullcalendar/core/validation
 - @fullcalendar/core/structs/event-source

same here

micobarac commented 4 years ago

It only works if I update package.json dependencies to the latest versions.

spelbreker commented 4 years ago

It only works if I update package.json dependencies to the latest versions.

can u show your package.json

micobarac commented 4 years ago

Install:

yarn global add npm-check-updates

Then run:

ncu -u to update package.json

Then run:

yarn install

RicardoFazzi commented 4 years ago

@micobarac I did that and I'm still getting the same error 


 - @fullcalendar/core/types/input-types
 - @fullcalendar/core/datelib/env
 - @fullcalendar/core/datelib/duration
 - @fullcalendar/core/datelib/formatting
 - @fullcalendar/core/datelib/date-range
 - @fullcalendar/core/datelib/locale
 - @fullcalendar/core/validation
 - @fullcalendar/core/structs/event-source```
micobarac commented 4 years ago

@RicardoFazzi you do the steps above in the root project of fullcalendar library, which updates dependencies to work with Angular 9 and Ivy. As a result, you will get fullcalendar folder inside dist folder, which you copy to your project's root and import it with yarn add file:fullcalendar. You could try to delete node_modules of your project and re-run yarn install. It worked for me.

This is the only way to make it work, until the new valid npm version arrives.

irustm commented 4 years ago

@micobarac @RicardoFazzi Look at this PR #275, please. I cleaned up the typings. I think it is solve your problem

micobarac commented 4 years ago

Well, I must say that I am lost with all these PRs :(. If you have tested the changes and proved they work with Angular 9, please publish it to NPM, at least as a beta version.

gfaganli commented 4 years ago

Agree with @micobarac , waiting...

TejasCMehta commented 4 years ago

@micobarac @RicardoFazzi Look at this PR #275, please. I cleaned up the typings. I think it is solve your problem

@irustm @arshaw can we have this published today?

RicardoFazzi commented 4 years ago

@micobarac I did everything you said, event reviewed (as requested by TejasCMehta) and downloaded the PR 275, installed locally, and it fixed the original problem but keeps telling me Class FullCalendarModule is not an Angular module is like I'm not importing it from the right place or something? can anyone help me with this? I'm doing:

**import { FullCalendarModule } from '@fullcalendar/angular';**
@NgModule({
  imports: [
    CommonModule,
    **FullCalendarModule**,
    AngularMaterialModule
  ],
  declarations: [GEFullCalendarComponent],
  exports: [GEFullCalendarComponent]
})

export class GEFullCalendarModule {

}

Thanks in advance!

butterfly-valley commented 4 years ago

Using Angular 9.0.0 gives the same error:

[ng] ERROR in The target entry-point "@fullcalendar/angular" has missing dependencies: [ng] - @fullcalendar/core/types/input-types [ng] - @fullcalendar/core/datelib/env [ng] - @fullcalendar/core/datelib/duration [ng] - @fullcalendar/core/datelib/formatting [ng] - @fullcalendar/core/datelib/date-range [ng] - @fullcalendar/core/datelib/locale [ng] - @fullcalendar/core/validation [ng] - @fullcalendar/core/structs/event-source

TejasCMehta commented 4 years ago

@irustm @arshaw when can we have beta release, please help us here, in my company we have projects to upgrade and this dependency is majorly holding us back to upgrade due to build errors.

Please please please help!

arshaw commented 4 years ago

the @fullcalendar/angular@4.4.5-beta package has been published with all the latest changes from the angular9 branch. please let me and @irustm know if things still don't work

IgDem commented 4 years ago

@irustm @arshaw @fullcalendar/angular@4.4.5-beta works well - compilation with Angular 9 went with no problems. Thank you!

EinarValholl commented 4 years ago 
    "@angular/animations": "~9.0.0",
    "@angular/cdk": "~9.0.0",
    "@angular/common": "~9.0.0",
    "@angular/compiler": "~9.0.0",
    "@angular/core": "~9.0.0",
    "@angular/elements": "~9.0.0",
    "@angular/forms": "~9.0.0",
    "@angular/localize": "^9.0.0",
    "@angular/material": "~9.0.0",
    "@angular/platform-browser": "~9.0.0",
    "@angular/platform-browser-dynamic": "~9.0.0",
    "@angular/router": "~9.0.0",
    "@fortawesome/angular-fontawesome": "^0.3.0",
    "@fortawesome/fontawesome-svg-core": "^1.2.15",
    "@fortawesome/free-brands-svg-icons": "^5.7.1",
    "@fortawesome/free-regular-svg-icons": "^5.7.2",
    "@fortawesome/free-solid-svg-icons": "^5.7.2",
    "@fullcalendar/angular": "4.4.5-beta",
    "@fullcalendar/core": "^4.3.0",
    "@fullcalendar/interaction": "^4.3.0",
    "@fullcalendar/resource-timeline": "^4.3.0",
    "@ng-bootstrap/ng-bootstrap": "4.2.1",

image With listed libraries above I've got an error on calendar click (dateClick emitter). Also, it's not possible to interact with events through @fullcalendar/interaction plugin (drag&drop functionality)

Shelmy-pp commented 4 years ago

i am using primeng 7 template and After upgrading to angular 9, I received an error saying that ERROR in Host Resource Loader: loader(E:/Angular9/myapp/src/assets/css/theme-indigo.css) returned a Promise It was working when I was using Angular 7 Angular 8, and I received it only after upgrading to 9. Then Updated primeng, "primeng": "^9.0.0-rc.4", and added "@fullcalendar/angular": "^4.4.5-beta", But the error still exists ERROR in HostResourceLoader: loader(E:/Angular9/myapp/src/assets/css/theme-indigo.css) returned a Promise

chiragatlas commented 4 years ago

when can we accept stable release of fullcalander that support angular 9? I can not upgrade my app to latest version as fullcalander is not supported yet.

irustm commented 4 years ago

@chiragatlas try use @fullcalendar/angular": "^4.4.5-beta

chiragatlas commented 4 years ago

@irustm yes I have use that, but in that drag and drop is not working.

ricardofct commented 4 years ago

@chiragatlas try to update @fullcalendar/core @fullcalendar/interaction @fullcalendar/resource-timeline, etc... to 4.4.0

gitalvininfo commented 4 years ago

Having the same issue after upgrading form Angular 8 to 9.

ERROR in The target entry-point "@fullcalendar/angular" has missing dependencies:

Any fixes or updates?

netinc commented 4 years ago

@gitalvininfo I had this same issue yesterday migrating from 8 to 9.

I used npm install @fullcalendar/angular@4.4.5-beta then make sure the other @fullcalendar packages are at 4.4.0. This fixed it for me.

gitalvininfo commented 4 years ago

so what works for you is that you just install @fullcalendar/angular@4.4.5-beta ?

Thanks.

NTXAggie commented 4 years ago

so what works for you is that you just install @fullcalendar/angular@4.4.5-beta ?

Thanks.

So far yes. I verified the drag-n-drop works, paginated calendar works, changing views works, click events works.

package.json noteable packages:

    "@angular/animations": "^9.0.7",
    "@angular/cdk": "^9.1.3",
    "@angular/common": "^9.0.7",
    "@angular/compiler": "^9.0.7",
    "@angular/core": "^9.0.7",
    "@angular/forms": "^9.0.7",
    "@angular/material": "^9.1.3",
    "@angular/material-moment-adapter": "^9.1.3",
    "@angular/platform-browser": "^9.0.7",
    "@angular/platform-browser-dynamic": "^9.0.7",
    "@angular/router": "^9.0.7",
    "@fullcalendar/angular": "^4.4.5-beta",
    "@fullcalendar/core": "^4.4.0",
    "@fullcalendar/daygrid": "^4.4.0",
    "@fullcalendar/interaction": "^4.4.0",
    "@fullcalendar/timegrid": "^4.4.0",
gitalvininfo commented 4 years ago

Already done your solution but the error is gone however the calendar is not displaying. Can I ask if you have any time to kindly upload it to stackblitz so that I could be able to watch for it, if not it's okay.

Thanks btw.

gitalvininfo commented 4 years ago

never mind btw, already solved my bad, forgot to add FullCalendarModule in my appmodule. Thanks man, Im glad you helped me.

pierresh commented 4 years ago

Hello,

I get that error only when I am running unit tests (using Karma / Jasmine) on my web app, is there any way to solve this? Thanks!

codealvarez commented 4 years ago

the @fullcalendar/angular@4.4.5-beta package has been published with all the latest changes from the angular9 branch. please let me and @irustm know if things still don't work

It works, thanks. Just type npm i @fullcalendar/angular@4.4.5-beta - However is comming the 5.0.0 version soon.

azherf commented 4 years ago

But why should we install @fullcalendar/angular@4.4.5-beta at all ? Why can it not work without it ?