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.

Does not build with Webpack 5

See original GitHub issue

Reduced Test Case

https://github.com/jacekkarczmarczyk/fullcalendar-example-projects/tree/master/vue

git clone git@github.com:jacekkarczmarczyk/fullcalendar-example-projects.git
cd fullcalendar-example-projects/vue
yarn
yarn start

Works fine if I comment all calendar related code in the component

Bug Description

Project does not compile with webpack 5. Errors:

ERROR in ./node_modules/@fullcalendar/common/main.js 9:0-86
Module not found: Error: Can't resolve './vdom' in 'C:\cygwin64\home\PC\jacekkarczmarczyk\full-calendar-webpack-5\vue\node_modules\@fullcalendar\common'
ERROR in ./node_modules/@fullcalendar/core/main.js 6:0-16
Module not found: Error: Can't resolve './vdom' in 'C:\cygwin64\home\PC\jacekkarczmarczyk\full-calendar-webpack-5\vue\node_modules\@fullcalendar\core'
ERROR in ./node_modules/@fullcalendar/core/main.js 36:16-22
export 'render' (imported as 'render') was not found in '@fullcalendar/common' (possible exports: BASE_OPTION_DEFAULTS, BASE_OPTION_REFINERS, BaseComponent, BgEvent...
ERROR in ./node_modules/@fullcalendar/vue/dist/main.js 1:0-51
Module not found: Error: Can't resolve './FullCalendar' in 'C:\cygwin64\home\PC\jacekkarczmarczyk\full-calendar-webpack-5\vue\node_modules\@fullcalendar\vue\dist'

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:7
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
doberkoflercommented, Oct 15, 2020

@bazineta Yes, there is a workaround described in https://github.com/webpack/webpack/issues/11467

{
	test: /\.m?js$/,
	resolve: {
		fullySpecified: false
	}
}
3reactions
acerixcommented, Sep 17, 2020

Thanks, confirmed.

I get different errors in the webpack example, seems to indicate missing support for v5.

ValidationError: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.
 - configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$".
   BREAKING CHANGE since webpack 5: The devtool option is more strict.
Read more comments on GitHub >

github_iconTop Results From Across the Web

To v5 from v4 - webpack
As webpack 5 removes all deprecated features, make sure there's no webpack deprecation warnings during the build in order to proceed.
Read more >
webpack Tutorial: How to Set Up webpack 5 From Scratch
If you don't feel comfortable setting up webpack from scratch for use with Babel, TypeScript, Sass, React, or Vue, or don't know why...
Read more >
Webpack 5 not creating css file - Stack Overflow
The npm page for optimize-css-assets-webpack-plugin says it is incompatible with Webpack 5. They suggest using css-minimizer-webpack-plugin ...
Read more >
How to Advanced Webpack 5 - Setup Tutorial
Essentially there are two modes to build your JavaScript application: development and production. You have used the development mode previously ...
Read more >
Migrating to Webpack 5 at smallcase - Medium
We have a storybook setup, and since our build process is non trivial, the inbuilt storybook webpack can't work well out of the...
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