模块生成失败(来自./node_modules/mini-css-extract-plugin/dist/loader.js)：)

Question

我们将CSS-加载程序从v0.28.11迁移到v3.1.0

我们有两个项目：

• 项目A-不依赖任何其他项目的组件-(包含一些组件)
• 项目B-我们正在导入项目A作为节点模块

我们能够成功地运行和建设项目A。但是，当我们试图运行项目B时，我们从项目A获得了css文件的依赖错误。

ERROR in ./src/help/css/about.qcss
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleNotFoundError: Module not found: Error: Can't resolve './Project/A/src/typography/css/qx-typography.css' in 'D:\Projects\B\src\help\css'
    at factory.create (D:\Projects\B\node_modules\webpack\lib\Compilation.js:823:10)
    at factory (D:\Projects\B\node_modules\webpack\lib\NormalModuleFactory.js:397:22)
    at resolver (D:\Projects\B\node_modules\webpack\lib\NormalModuleFactory.js:130:21)
    at asyncLib.parallel (D:\Projects\B\node_modules\webpack\lib\NormalModuleFactory.js:224:22)
    at D:\Projects\B\node_modules\neo-async\async.js:2830:7
    at D:\Projects\B\node_modules\neo-async\async.js:6877:13
    at normalResolver.resolve (D:\Projects\B\node_modules\webpack\lib\NormalModuleFactory.js:214:25)
    at doResolve (D:\Projects\B\node_modules\enhanced-resolve\lib\Resolver.js:184:12)
    at hook.callAsync (D:\Projects\rx\node_modules\enhanced-resolve\lib\Resolver.js:238:5)
    at _fn0 (eval at create (D:\Projects\B\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:15:1)

1. 如果我们执行项目A到v3.1.0和项目B到v1.0.0的css加载程序，同样的方法也很好。
2. 但是，如果将css加载程序版本都更改为3.1.0，则会出现编译时错误。

我们应该能够使用3.1.0版本的运行并创建一个构建

Answer 1

这个问题的发生是因为webpack resolve.alias不工作

要解决这个问题，我们可以使用相对路径。

在我的情况下

Currently, I am in Projects\B\src\help\css

and requiring file from node_Modules
/Project/A/src/typography/css/qx-typography.css

so my path be like (**Relative Path**)
../../../../node_modules/Project/A/src/typography/css/qx-typography.css";

Answer 2

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):

ModuleBuildError:模块构建失败(来自./ Node _Node/ Sass -s.js/dist/cj s.js)：错误:缺少绑定/home/user/frontloja/Node_modules/节点-Sass/供应商/ Linux -x64-64/binding.nodeNode Sass无法为当前环境找到绑定: Linux 64位和Node.js 10.x绑定，适用于以下环境：-Linux 64位和Node.js 12.x

在我的例子中，它发生在我更新ubuntu 18到20之后，所以我就这样做了。

1. 删除或重命名node_modules
2. 然后重新安装，使用npm或纱线安装

Answer 3

错误：./src/penes.css模块构建失败(来自./node_modules/mini-css-extract-plugin/dist/loader.js)：ModuleBuildError:模块构建失败(来自./node_ModuleBuildError/postcss-加载程序/dist/cjs.js)：错误:未能找到'bootstrap/dist/css/bootstrap.min.css‘

解决方案:运行以下命令来安装其他软件包

npm install bootstrap jquery popper.js