Check that this is really a bug
Reproduction link
in description
Bug description
No declarations d.ts for module swiper/css. The error reproduces when "noUncheckedSideEffectImports": true, is set in tsconfig.json file.
Reproduction: no-css-declarations.zip
// tsconfig.json
{
"compilerOptions": {
"lib": ["DOM", "ES2020"],
"jsx": "react-jsx",
"target": "ES2020",
"noEmit": true,
"skipLibCheck": true,
"useDefineForClassFields": true,
"noUncheckedSideEffectImports": true,
/* modules */
"module": "ESNext",
"verbatimModuleSyntax": true,
"resolveJsonModule": true,
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
/* type checking */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true
},
"include": ["src"]
}
This can be solved by adding declaration file with content
// swiper.css.d.ts
declare module "swiper/css";
declare module "swiper/css/bundle";
declare module "swiper/swiper-bundle.css";
declare module "swiper/css/a11y";
declare module "swiper/css/autoplay";
declare module "swiper/css/controller";
declare module "swiper/css/effect-coverflow";
declare module "swiper/css/effect-cube";
declare module "swiper/css/effect-fade";
declare module "swiper/css/effect-flip";
declare module "swiper/css/effect-creative";
declare module "swiper/css/effect-cards";
declare module "swiper/css/free-mode";
declare module "swiper/css/grid";
declare module "swiper/css/hash-navigation";
declare module "swiper/css/history";
declare module "swiper/css/keyboard";
declare module "swiper/css/manipulation";
declare module "swiper/css/mousewheel";
declare module "swiper/css/navigation";
declare module "swiper/css/pagination";
declare module "swiper/css/parallax";
declare module "swiper/css/scrollbar";
declare module "swiper/css/thumbs";
declare module "swiper/css/virtual";
declare module "swiper/css/zoom";
and editing package.json
{
"./css": {
"types": "./swiper-css.d.ts",
"default": "./swiper.css"
},
}Expected Behavior
No errors
Actual Behavior
Cannot find module 'swiper/css' or its corresponding type declarations.
Swiper version
11.2.10
Platform/Target and Browser Versions
Windows
Validations
Would you like to open a PR for this bug?
Check that this is really a bug
Reproduction link
in description
Bug description
No declarations
d.tsfor moduleswiper/css. The error reproduces when"noUncheckedSideEffectImports": true,is set intsconfig.jsonfile.Reproduction: no-css-declarations.zip
This can be solved by adding declaration file with content
and editing
package.json{ "./css": { "types": "./swiper-css.d.ts", "default": "./swiper.css" }, }Expected Behavior
No errors
Actual Behavior
Cannot find module 'swiper/css' or its corresponding type declarations.
Swiper version
11.2.10
Platform/Target and Browser Versions
Windows
Validations
Would you like to open a PR for this bug?