search

Vuepic / vue-datepicker

Datepicker component for Vue 3
https://vue3datepicker.com
MIT License
1.38k stars 137 forks source link

Package path ./dist/main.css is not exported from package #903

Closed Goatman37 closed 1 week ago

Goatman37 commented 4 weeks ago

Describe the bug I am getting an error when trying to build webpack. It is saying that .dist/main.css is not exported.

The error: ERROR in ./js/archive/facet-menu/article-facet-menu.vue?vue&type=style&index=0&id=616e74c1&lang=scss (../node_modules/css-loader/dist/cjs.js!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/ resolve-url-loader/index.js!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-3.use[4]!../node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./js/archive/facet-menu/article-facet-menu.vue?vue&type=style&index=0&id=616e74c1&lang=scss) Module build failed (from ../node_modules/css-loader/dist/cjs.js): Error: Package path ./dist/main.css is not exported from package C:\SRC\PublicationManagementSystem\PMP.Frontend\node_modules\@vuepic\vue-datepicker (see exports field in C:\SRC\PublicationManagementSystem\PMP.Frontend\node_modules\@vuepic\vue-datepicker\package.json)

Reproducing may be difficult, as I don't see any open issues for this issue. I get it by just following the "Getting Started" guide.

I can manually fix it however by adding a default export to the package.json of vue-datepicker.

So this:

"exports": { ".": { "import": "./dist/vue-datepicker.js", "require": "./dist/vue-datepicker.umd.cjs", "types": "./index.d.ts" }, "./dist/main.css": { "import": "./dist/main.css", "require": "./dist/main.css" } },

Becomes this:

"exports": { ".": { "import": "./dist/vue-datepicker.js", "require": "./dist/vue-datepicker.umd.cjs", "types": "./index.d.ts" }, "./dist/main.css": { "import": "./dist/main.css", "require": "./dist/main.css" "default": "./dist/main.css" } },

Desktop & mobile (please complete the following information):