0

I am creating a customization package of swiper. I have installed swiper 8.3.2 and I'm importing files in a swiper.less files, like so:

@import (less) 'swiper/less';
@import (less) 'swiper/less/navigation';
@import (less) 'swiper/less/pagination';

When I am running the build script, I get the following error.

FileError: 'swiper/less' wasn't found. Tried - Project_Location\packages\swiper\src\swiper\less.less,Project_Location\packages\swiper\src\swiper\less.less,npm://swiper\less,npm://swiper\less.less,swiper\less.less in Project_Location\packages\swiper\src\swiper.less on line 1, column 1:
1 @import (less) 'swiper/less';
2 @import (less) 'swiper/less/navigation';

This is my package.json:

{
  "name": "swiper-customization",
  "engines": {
    "node": ">= 16",
    "npm": ">= 8"
  },
  "exports": {
    "./*": "./dist/*",
    "./src/*": "./src/*"
  },
  "peerDependencies": {
    "swiper": "^8.3"
  },
  "devDependencies": {
    "clean-css-cli": "4.3.0",
    "del-cli": "2.0.0",
    "less": "4.1.3",
    "less-plugin-autoprefix": "2.0.0",
    "nodemon": "2.0.15",
    "swiper": "8.3.2"
  },
  "scripts": {
    "start": "nodemon --watch src -e less -i src/plugin-version.less -x \"npm run build\"",
    "build": "lessc --autoprefix=\"last 2 versions\" src/main.less dist/swiper.css"
  },
  "files": [
    "dist",
    "src",
    "README.md",
    "CHANGELOG.md"
  ]
}

I don't understand what the problem is, if it's related to Windows, considering that this works no problems on my colleagues computers (Mac).

0 Answers0