“Module not found for package dependency” 可翻译为 “找不到包依赖的模块”。

huangapple
go评论96阅读模式
英文:

Module not found for package dependency

问题

当使用Webpack编译时，我遇到了以下错误。我在package.json中没有swiper，但它被我的一个依赖项使用。Swiper和所有25个模块的错误都像下面这样存在于我的node_modules文件夹中：

编译时出现问题：

ERROR in ./node_modules/myDependencyPackage/index.js
找不到模块: 错误: 无法从包c:...\myAppFolder\node_modules\swiper的exports字段中导出包路径./react/swiper-react.js（请查看c:...\myAppFolder\node_modules\swiper\package.json中的exports字段）

这是我的一些环境信息：

环境：

  • NodeJS 16
  • React 17.0.2
  • Webpack ^5.88.0
  • Swiper 8.4.7

tsconfig.json

  1. {
  2.   "compilerOptions": {
  3.     "baseUrl": "./src",
  4.     "strict": false,
  5.     "outDir": "./dist/",
  6.     "sourceMap": true,
  7.     "module": "esnext",
  8.     "target": "es6",
  9.     "jsx": "react",
  10.     "allowJs": false,
  11.     "skipLibCheck": true,
  12.     "skipDefaultLibCheck": true,
  13.     "listEmittedFiles": false,
  14.     "listFiles": false,
  15.     "lib": ["dom", "dom.iterable", "esnext"],
  16.     "esModuleInterop": true,
  17.     "allowSyntheticDefaultImports": true,
  18.     "forceConsistentCasingInFileNames": false,
  19.     "moduleResolution": "node",
  20.     "resolveJsonModule": true,
  21.     "noEmit": false,
  22.     "isolatedModules": false,
  23.     "paths": {
  24.       "src": ["src"]
  25.     }
  26.   },
  27.   "exclude": ["node_modules", "dist"],
  28.   "include": ["src"]
  29. }

webpack.js

  1. const HtmlWebpackPlugin = require('html-webpack-plugin');
  2. const CopyPlugin = require("copy-webpack-plugin");
  3. const { GitRevisionPlugin } = require('git-revision-webpack-plugin');
  4. const webpack = require('webpack');
  6. const path = require('path');
  7. const ROOT_PATH = path.resolve(__dirname);
  8. const gitRevisionPlugin = new GitRevisionPlugin({ commithashCommand: 'rev-parse --short HEAD' });
  10. module.exports = {
  11.     mode: 'development',
  12.     devtool: 'source-map',
  13.     devServer: {
  14.         compress: true,
  15.         port: 8000,
  16.         historyApiFallback: true,
  17.         open: true
  18.     },
  19.     entry: {
  20.         index: ['babel-polyfill', './src/index.tsx']
  21.     },
  22.     output: {
  23.         path: path.resolve(ROOT_PATH, './public/build'),
  24.         filename: '[name].[contenthash].js',
  25.         publicPath: '/'
  26.     },
  27.     resolve: {
  28.         extensions: ['.ts', '.tsx', '.js', '.jsx'],
  29.         alias: {
  30.             'src': path.resolve(__dirname, 'src/')
  31.         },
  32.         fallback: {
  33.             crypto: require.resolve("crypto-browserify"),
  34.             stream: require.resolve("stream-browserify"),
  35.             vm: require.resolve("vm-browserify")
  36.         }
  37.     },
  38.     module: {
  39.         rules: [
  40.             {
  41.                 test: /\.(ts|tsx)$/,
  42.                 use: [
  43.                     {
  44.                         loader: 'babel-loader'
  45.                     },
  46.                     {
  47.                         loader: 'ts-loader',
  48.                         options: {
  49.                             transpileOnly: false,
  50.                             happyPackMode: false
  51.                         }
  52.                     }
  53.                 ]
  54.             },
  55.             {
  56.                 test: /\.css$/i,
  57.                 use: ["style-loader", "css-loader"],
  58.             },
  59.             {
  60.                 test: /\.s[ac]ss$/i,
  61.                 use: ["style-loader", "css-loader", "sass-loader",],
  62.             },
  63.             {
  64.                 test: /\.md$/,
  65.                 use: ['html!markdown-loader']
  66.             },
  67.             {
  68.                 test: /\.svg$/,
  69.                 use: ['svg-inline-loader']
  70.             },
  71.             {
  72.                 test: /\.(woff|woff2|eot|ttf|otf)$/i,
  73.                 type: 'asset/resource',
  74.             },
  75.             {
  76.                 test: /\.(png|jpg|jpeg|gif|mp3)$/i,
  77.                 type: 'asset/resource',
  78.             },
  79.         ]
  80.     },
  81.     plugins: [
  82.         new HtmlWebpackPlugin({
  83.             template: './public/index.html',
  84.             filename: './index.html',
  85.         }),
  86.         new CopyPlugin({
  87.             patterns: [
  88.                 {
  89.                     from: './appsettings.json',
  90.                     to: './appsettings.json'
  91.                 },
  92.                 {
  93.                     from: './public/favicon.ico',
  94.                     to: './favicon.ico'
  95.                 }]
  96.         }),
  97.         gitRevisionPlugin,
  98.         new webpack.DefinePlugin({
  99.             'process.env.COMMITHASH': JSON.stringify(gitRevisionPlugin.commithash()),
  100.             'process.env.BRANCH': JSON.stringify(gitRevisionPlugin.branch()),
  101.         }),
  103.     ]
  104. };

我尝试的解决方案：

  • 在我的package.json中添加swiper
  • 在我的应用程序中添加import或调用require方法
  • 在我的tsconfig.json或webpack.js上测试不同的配置
  • 清理模块
    • 删除你的node_modules文件夹（rm -rf node_modules）
    • npm cache clean -f
    • npm install
    • npm install firebase-admin
  • 通过在我的package.json中升级或降级来覆盖swiper版本

[编辑]

为了测试，我尝试编辑我的node_modules中swiper的package.json并修复问题。但我们都知道在node_modules中编辑文件不是解决方案。我在exports行中添加了如下内容：

  1. "./react/swiper-react.js": "./react/swiper-react.js"

完整的swiper package.json

  1. {
  2.   "name": "swiper",
  3.   "version": "8.4.7",
  4.   "description": "Most modern mobile touch slider and framework with hardware accelerated transitions",
  5.   "typings": "swiper.d.ts",
  6.   "type": "module",
  7.   "main": "./swiper.esm.js",
  8.   "module": "./swiper.esm.js",
  9.   "svelte": "./swiper.esm.js",
  10.   "exports": {
  11.     ".": "./swiper.esm.js",
  12.     "./core": "./swiper.esm.js",
  13.     "./swiper.esm.js": "./swiper.esm.js",
  14.     "./bundle": "./swiper-bundle.esm.js",
  15.     "./swiper-bundle.esm.js": "./swiper-bundle.esm.js",
  16.     "./css": "./swiper.min.css",
  17.     "./swiper.min.css": "./swiper.min.css",
  18.     "./swiper.css": "./swiper.css",
  19.     "./css/bundle": "./swiper-bundle.min.css",
  20.     "./swiper-bundle.min.css": "./swiper-bundle.min.css",
  21.     "./swiper-bundle.css": "./swiper-bundle.css",
  22.     "./css/a11y": "./modules/a11y/a11y.min.css",
  23.     "./css/autoplay": "./modules/autoplay/autoplay.min.css",
  24.     "./css/controller": "./modules/controller/controller.min.css",
  27. <details>
  28. <summary>英文:</summary>
  30. When compile with webpack i have the error below.
  31. I do not have swiper in my **package.json** but it used by one of my dependency.
  32. Swiper and all 25 modules error like one below are existing in my **node_modules** folder
  34. &gt; Compiled with problems:
  35. &gt; 
  36. &gt; ERROR in ./node_modules/myDependencyPackage/index.js
  37. &gt; Module not found: Error: Package path ./react/swiper-react.js is not exported from package c:\...\myAppFolder\node_modules\swiper (see exports field in c:\...\myAppFolder\node_modules\swiper\package.json)
  39. Here some of my environement informations
  41. **environement:**
  42. - NodeJS 16
  43. - React 17.0.2
  44. - Webpack ^5.88.0
  45. - Swiper 8.4.7
  47. **tsconfig.json**

{
"compilerOptions": {
"baseUrl": "./src",
"strict": false,
"outDir": "./dist/",
"sourceMap": true,
"module": "esnext",
"target": "es6",
"jsx": "react",
"allowJs": false,
"skipLibCheck": true,
"skipDefaultLibCheck": true,
"listEmittedFiles": false,
"listFiles": false,
"lib": ["dom", "dom.iterable", "esnext"],
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"forceConsistentCasingInFileNames": false,
"moduleResolution": "node",
"resolveJsonModule": true,
"noEmit": false,
"isolatedModules": false,
"paths": {
"src": ["src"]
}
},
"exclude": ["node_modules", "dist"],
"include": ["src"]
}

  2. **webpack.js**

const HtmlWebpackPlugin = require('html-webpack-plugin');
const CopyPlugin = require("copy-webpack-plugin");
const { GitRevisionPlugin } = require('git-revision-webpack-plugin');
const webpack = require('webpack');

const path = require('path');
const ROOT_PATH = path.resolve(__dirname);
const gitRevisionPlugin = new GitRevisionPlugin({ commithashCommand: 'rev-parse --short HEAD' });

module.exports = {
mode: 'development',
devtool: 'source-map',
devServer: {
compress: true,
port: 8000,
historyApiFallback: true,
open: true
},
entry: {
index: ['babel-polyfill', './src/index.tsx']
},
output: {
path: path.resolve(ROOT_PATH, './public/build'),
filename: '[name].[contenthash].js',
publicPath: '/'
},
resolve: {
extensions: ['.ts', '.tsx', '.js', '.jsx'],
alias: {
'src': path.resolve(__dirname, 'src/')
},
fallback: {
crypto: require.resolve("crypto-browserify"),
stream: require.resolve("stream-browserify"),
vm: require.resolve("vm-browserify")
}
},
module: {
rules: [
{
test: /.(ts|tsx)$/,
use: [
{
loader: 'babel-loader'
},
{
loader: 'ts-loader',
options: {
transpileOnly: false,
happyPackMode: false
}
}
]
},
{
test: /.css$/i,
use: ["style-loader", "css-loader"],
},
{
test: /.s[ac]ss$/i,
use: ["style-loader", "css-loader", "sass-loader",],
},
{
test: /.md$/,
use: ['html!markdown-loader']
},
{
test: /.svg$/,
use: ['svg-inline-loader']
},
{
test: /.(woff|woff2|eot|ttf|otf)$/i,
type: 'asset/resource',
},
{
test: /.(png|jpg|jpeg|gif|mp3)$/i,
type: 'asset/resource',
},
]
},
plugins: [
new HtmlWebpackPlugin({
template: './public/index.html',
filename: './index.html',
}),
new CopyPlugin({
patterns: [
{
from: './appsettings.json',
to: './appsettings.json'
},
{
from: './public/favicon.ico',
to: './favicon.ico'
}]
}),
gitRevisionPlugin,
new webpack.DefinePlugin({
'process.env.COMMITHASH': JSON.stringify(gitRevisionPlugin.commithash()),
'process.env.BRANCH': JSON.stringify(gitRevisionPlugin.branch()),
}),

  1. ]

};

  2. Solution i try
  3. - adding swiper into my **package.json**
  4. - adding **import** or call **require** method in my app
  5. - testing different configuration on my **tsconfig.json** or **webpack.js**
  6. - clean modules
  7. - Remove your node_modules folder (rm -rf node_modules)
  8. - npm cache clean -f
  9. - npm install
  10. - npm install firebase-admin
  11. - override swiper version by upgrade or downgrade in my own **package.json**
  12. [EDIT]
  13. ------
  14. For test, i try to edit **package.json** of swiper in my **node_modules** and fix issues.
  15. But we all know that editing files in node_modules is not a solution.
  16. I added in **exports** line like this

"./react/swiper-react.js": "./react/swiper-react.js"

  2. **full swiper package.json**

{
"name": "swiper",
"version": "8.4.7",
"description": "Most modern mobile touch slider and framework with hardware accelerated transitions",
"typings": "swiper.d.ts",
"type": "module",
"main": "./swiper.esm.js",
"module": "./swiper.esm.js",
"svelte": "./swiper.esm.js",
"exports": {
".": "./swiper.esm.js",
"./core": "./swiper.esm.js",
"./swiper.esm.js": "./swiper.esm.js",
"./bundle": "./swiper-bundle.esm.js",
"./swiper-bundle.esm.js": "./swiper-bundle.esm.js",
"./css": "./swiper.min.css",
"./swiper.min.css": "./swiper.min.css",
"./swiper.css": "./swiper.css",
"./css/bundle": "./swiper-bundle.min.css",
"./swiper-bundle.min.css": "./swiper-bundle.min.css",
"./swiper-bundle.css": "./swiper-bundle.css",
"./css/a11y": "./modules/a11y/a11y.min.css",
"./css/autoplay": "./modules/autoplay/autoplay.min.css",
"./css/controller": "./modules/controller/controller.min.css",
"./css/effect-coverflow": "./modules/effect-coverflow/effect-coverflow.min.css",
"./css/effect-cube": "./modules/effect-cube/effect-cube.min.css",
"./css/effect-fade": "./modules/effect-fade/effect-fade.min.css",
"./css/effect-flip": "./modules/effect-flip/effect-flip.min.css",
"./css/effect-creative": "./modules/effect-creative/effect-creative.min.css",
"./css/effect-cards": "./modules/effect-cards/effect-cards.min.css",
"./css/free-mode": "./modules/free-mode/free-mode.min.css",
"./css/grid": "./modules/grid/grid.min.css",
"./css/hash-navigation": "./modules/hash-navigation/hash-navigation.min.css",
"./css/history": "./modules/history/history.min.css",
"./css/keyboard": "./modules/keyboard/keyboard.min.css",
"./css/lazy": "./modules/lazy/lazy.min.css",
"./css/manipulation": "./modules/manipulation/manipulation.min.css",
"./css/mousewheel": "./modules/mousewheel/mousewheel.min.css",
"./css/navigation": "./modules/navigation/navigation.min.css",
"./css/pagination": "./modules/pagination/pagination.min.css",
"./css/parallax": "./modules/parallax/parallax.min.css",
"./css/scrollbar": "./modules/scrollbar/scrollbar.min.css",
"./css/thumbs": "./modules/thumbs/thumbs.min.css",
"./css/virtual": "./modules/virtual/virtual.min.css",
"./css/zoom": "./modules/zoom/zoom.min.css",
"./less": "./swiper.less",
"./less/a11y": "./modules/a11y/a11y.less",
"./less/autoplay": "./modules/autoplay/autoplay.less",
"./less/controller": "./modules/controller/controller.less",
"./less/effect-coverflow": "./modules/effect-coverflow/effect-coverflow.less",
"./less/effect-cube": "./modules/effect-cube/effect-cube.less",
"./less/effect-fade": "./modules/effect-fade/effect-fade.less",
"./less/effect-flip": "./modules/effect-flip/effect-flip.less",
"./less/effect-creative": "./modules/effect-creative/effect-creative.less",
"./less/effect-cards": "./modules/effect-cards/effect-cards.less",
"./less/free-mode": "./modules/free-mode/free-mode.less",
"./less/grid": "./modules/grid/grid.less",
"./less/hash-navigation": "./modules/hash-navigation/hash-navigation.less",
"./less/history": "./modules/history/history.less",
"./less/keyboard": "./modules/keyboard/keyboard.less",
"./less/lazy": "./modules/lazy/lazy.less",
"./less/manipulation": "./modules/manipulation/manipulation.less",
"./less/mousewheel": "./modules/mousewheel/mousewheel.less",
"./less/navigation": "./modules/navigation/navigation.less",
"./less/pagination": "./modules/pagination/pagination.less",
"./less/parallax": "./modules/parallax/parallax.less",
"./less/scrollbar": "./modules/scrollbar/scrollbar.less",
"./less/thumbs": "./modules/thumbs/thumbs.less",
"./less/virtual": "./modules/virtual/virtual.less",
"./less/zoom": "./modules/zoom/zoom.less",
"./scss": "./swiper.scss",
"./scss/a11y": "./modules/a11y/a11y.scss",
"./scss/autoplay": "./modules/autoplay/autoplay.scss",
"./scss/controller": "./modules/controller/controller.scss",
"./scss/effect-coverflow": "./modules/effect-coverflow/effect-coverflow.scss",
"./scss/effect-cube": "./modules/effect-cube/effect-cube.scss",
"./scss/effect-fade": "./modules/effect-fade/effect-fade.scss",
"./scss/effect-flip": "./modules/effect-flip/effect-flip.scss",
"./scss/effect-creative": "./modules/effect-creative/effect-creative.scss",
"./scss/effect-cards": "./modules/effect-cards/effect-cards.scss",
"./scss/free-mode": "./modules/free-mode/free-mode.scss",
"./scss/grid": "./modules/grid/grid.scss",
"./scss/hash-navigation": "./modules/hash-navigation/hash-navigation.scss",
"./scss/history": "./modules/history/history.scss",
"./scss/keyboard": "./modules/keyboard/keyboard.scss",
"./scss/lazy": "./modules/lazy/lazy.scss",
"./scss/manipulation": "./modules/manipulation/manipulation.scss",
"./scss/mousewheel": "./modules/mousewheel/mousewheel.scss",
"./scss/navigation": "./modules/navigation/navigation.scss",
"./scss/pagination": "./modules/pagination/pagination.scss",
"./scss/parallax": "./modules/parallax/parallax.scss",
"./scss/scrollbar": "./modules/scrollbar/scrollbar.scss",
"./scss/thumbs": "./modules/thumbs/thumbs.scss",
"./scss/virtual": "./modules/virtual/virtual.scss",
"./scss/zoom": "./modules/zoom/zoom.scss",
"./angular": "./angular/fesm2015/swiper_angular.mjs",
"./react": "./react/swiper-react.js",
"./vue": "./vue/swiper-vue.js",
"./solid": "./solid/swiper-solid.js",
"./svelte": "./svelte/swiper-svelte.js",
"./types": "./types/index.d.ts",
"./package.json": "./package.json"
},
"typesVersions": {
"*": {
"angular": [
"angular/swiper_angular.d.ts"
],
"react": [
"react/swiper-react.d.ts"
],
"svelte": [
"svelte/swiper-svelte.d.ts"
],
"solid": [
"solid/swiper-solid.d.ts"
],
"vue": [
"vue/swiper-vue.d.ts"
]
}
},
"scripts": {
"postinstall": "node -e &quot;try{require('./postinstall')}catch(e){}&quot;"
},
"repository": {
"type": "git",
"url": "https://github.com/nolimits4web/Swiper.git"
},
"keywords": [
"swiper",
"swipe",
"slider",
"touch",
"ios",
"mobile",
"cordova",
"phonegap",
"app",
"framework",
"framework7",
"carousel",
"gallery",
"plugin",
"react",
"solid-js",
"vue",
"angular",
"svelte",
"slideshow"
],
"author": "Vladimir Kharlampidi",
"license": "MIT",
"bugs": {
"url": "https://github.com/nolimits4web/swiper/issues"
},
"homepage": "https://swiperjs.com",
"funding": [
{
"type": "patreon",
"url": "https://www.patreon.com/swiperjs"
},
{
"type": "open_collective",
"url": "http://opencollective.com/swiper"
}
],
"engines": {
"node": ">= 4.7.0"
},
"dependencies": {
"dom7": "^4.0.4",
"ssr-window": "^4.0.2"
}
}

  2. </details>
  3. # 答案1
  4. **得分**: 0
  5. webpack配置中使用别名解析找到的解决方案。
  6. ```javascript
  7. resolve: {
  8. extensions: ['.ts', '.tsx', '.js', '.jsx'],
  9. alias: {
  10. 'src': path.resolve(__dirname, 'src/'),
  11. 'swiper/react/swiper-react.js': path.resolve(__dirname, 'node_modules/swiper/react/swiper-react.js'),
  12. 'swiper/modules/a11y/a11y.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/a11y/a11y.min.css'),
  13. 'swiper/modules/autoplay/autoplay.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/autoplay/autoplay.min.css'),
  14. 'swiper/modules/controller/controller.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/controller/controller.min.css'),
  15. 'swiper/modules/effect-coverflow/effect-coverflow.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/effect-coverflow/effect-coverflow.min.css'),
  16. 'swiper/modules/effect-cube/effect-cube.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/effect-cube/effect-cube.min.css'),
  17. 'swiper/modules/effect-fade/effect-fade.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/effect-fade/effect-fade.min.css'),
  18. 'swiper/modules/effect-flip/effect-flip.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/effect-flip/effect-flip.min.css'),
  19. 'swiper/modules/effect-creative/effect-creative.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/effect-creative/effect-creative.min.css'),
  20. 'swiper/modules/free-mode/free-mode.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/free-mode/free-mode.min.css'),
  21. 'swiper/modules/grid/grid.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/grid/grid.min.css'),
  22. 'swiper/modules/hash-navigation/hash-navigation.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/hash-navigation/hash-navigation.min.css'),
  23. 'swiper/modules/history/history.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/history/history.min.css'),
  24. 'swiper/modules/keyboard/keyboard.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/keyboard/keyboard.min.css'),
  25. 'swiper/modules/lazy/lazy.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/lazy/lazy.min.css'),
  26. 'swiper/modules/manipulation/manipulation.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/manipulation/manipulation.min.css'),
  27. 'swiper/modules/mousewheel/mousewheel.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/mousewheel/mousewheel.min.css'),
  28. 'swiper/modules/navigation/navigation.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/navigation/navigation.min.css'),
  29. 'swiper/modules/pagination/pagination.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/pagination/pagination.min.css'),
  30. 'swiper/modules/parallax/parallax.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/parallax/parallax.min.css'),
  31. 'swiper/modules/scrollbar/scrollbar.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/scrollbar/scrollbar.min.css'),
  32. 'swiper/modules/thumbs/thumbs.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/thumbs/thumbs.min.css'),
  33. 'swiper/modules/virtual/virtual.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/virtual/virtual.min.css'),
  34. 'swiper/modules/zoom/zoom.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/zoom/zoom.min.css'),
  35. 'swiper/modules/effect-cards/effect-cards.min.css': path.resolve(__dirname, 'node_modules/swiper/modules/effect-cards/effect-cards.min.css'),
  36. },
  37. }
英文:

Solution found with alias resolve in webpack configuration.

  1.     resolve: {
  2. extensions: [&#39;.ts&#39;, &#39;.tsx&#39;, &#39;.js&#39;, &#39;.jsx&#39;],
  3. alias: {
  4. &#39;src&#39;: path.resolve(__dirname, &#39;src/&#39;),
  5. &#39;swiper/react/swiper-react.js&#39;: path.resolve(__dirname, &#39;node_modules/swiper/react/swiper-react.js&#39;),
  6. &#39;swiper/modules/a11y/a11y.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/a11y/a11y.min.css&#39;),
  7. &#39;swiper/modules/autoplay/autoplay.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/autoplay/autoplay.min.css&#39;),
  8. &#39;swiper/modules/controller/controller.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/controller/controller.min.css&#39;),
  9. &#39;swiper/modules/effect-coverflow/effect-coverflow.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/effect-coverflow/effect-coverflow.min.css&#39;),
  10. &#39;swiper/modules/effect-cube/effect-cube.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/effect-cube/effect-cube.min.css&#39;),
  11. &#39;swiper/modules/effect-fade/effect-fade.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/effect-fade/effect-fade.min.css&#39;),
  12. &#39;swiper/modules/effect-flip/effect-flip.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/effect-flip/effect-flip.min.css&#39;),
  13. &#39;swiper/modules/effect-creative/effect-creative.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/effect-creative/effect-creative.min.css&#39;),
  14. &#39;swiper/modules/free-mode/free-mode.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/free-mode/free-mode.min.css&#39;),
  15. &#39;swiper/modules/grid/grid.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/grid/grid.min.css&#39;),
  16. &#39;swiper/modules/hash-navigation/hash-navigation.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/hash-navigation/hash-navigation.min.css&#39;),
  17. &#39;swiper/modules/history/history.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/history/history.min.css&#39;),
  18. &#39;swiper/modules/keyboard/keyboard.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/keyboard/keyboard.min.css&#39;),
  19. &#39;swiper/modules/lazy/lazy.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/lazy/lazy.min.css&#39;),
  20. &#39;swiper/modules/manipulation/manipulation.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/manipulation/manipulation.min.css&#39;),
  21. &#39;swiper/modules/mousewheel/mousewheel.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/mousewheel/mousewheel.min.css&#39;),
  22. &#39;swiper/modules/navigation/navigation.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/navigation/navigation.min.css&#39;),
  23. &#39;swiper/modules/pagination/pagination.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/pagination/pagination.min.css&#39;),
  24. &#39;swiper/modules/parallax/parallax.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/parallax/parallax.min.css&#39;),
  25. &#39;swiper/modules/scrollbar/scrollbar.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/scrollbar/scrollbar.min.css&#39;),
  26. &#39;swiper/modules/thumbs/thumbs.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/thumbs/thumbs.min.css&#39;),
  27. &#39;swiper/modules/virtual/virtual.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/virtual/virtual.min.css&#39;),
  28. &#39;swiper/modules/zoom/zoom.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/zoom/zoom.min.css&#39;),
  29. &#39;swiper/modules/effect-cards/effect-cards.min.css&#39;: path.resolve(__dirname, &#39;node_modules/swiper/modules/effect-cards/effect-cards.min.css&#39;),
  30. },

huangapple
  • 本文由 发表于 2023年7月13日 15:19:02
  • 转载请务必保留本文链接：https://go.coder-hub.com/76676834.html
  • reactjs
  • swiper.js
  • webpack
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定