模块构建失败(来自./node_modules/mini-css-extract-plugin/dist/loader.

Question

我们正在将 CSS 加载器从 v0.28.11 迁移到 v3.1.0

我们有2个项目：

• 项目 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:ProjectsBsrchelpcss'
    at factory.create (D:ProjectsBnode_moduleswebpacklibCompilation.js:823:10)
    at factory (D:ProjectsBnode_moduleswebpacklibNormalModuleFactory.js:397:22)
    at resolver (D:ProjectsBnode_moduleswebpacklibNormalModuleFactory.js:130:21)
    at asyncLib.parallel (D:ProjectsBnode_moduleswebpacklibNormalModuleFactory.js:224:22)
    at D:ProjectsBnode_modulesneo-asyncasync.js:2830:7
    at D:ProjectsBnode_modulesneo-asyncasync.js:6877:13
    at normalResolver.resolve (D:ProjectsBnode_moduleswebpacklibNormalModuleFactory.js:214:25)
    at doResolve (D:ProjectsBnode_modulesenhanced-resolvelibResolver.js:184:12)
    at hook.callAsync (D:Projectsrxnode_modulesenhanced-resolvelibResolver.js:238:5)
    at _fn0 (eval at create (D:ProjectsBnode_modulestapablelibHookCodeFactory.js:33:10), <anonymous>:15:1)

1. 如果我们执行项目 A 到 v3.1.0 和项目 B 到 v1.0.0 的 css 加载器，同样有效
2. 但是如果我们将两个项目 css 加载器版本都更改为 3.1.0，我们会收到编译时错误

我们应该能够使用 CSS 加载器运行和创建版本 3.1.0 的构建

Answer 1

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

ModuleBuildError：模块构建失败(来自./node_modules/sass-loader/dist/cj s.js(：错误：缺少绑定/home/user/frontloja/node_modul es/node-sass/vendor/linux-x64-64/binding.nodeNode Sass 找不到适用于您当前环境的绑定：带有 Node.js 10.x 的 Linux 64 位找到以下环境的绑定：- Linux 64 位与 Node.js 12.x

就我而言，它发生在我将 ubuntu 18 更新到 20 之后，所以我这样做了

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

Answer 2

此问题的发生是因为 webpack resolve.alias 不起作用

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

就我而言

Currently, I am in ProjectsBsrchelpcss
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 3

错误： ./src/styles.css模块构建失败(来自./node_modules/mini-css-extract-plugin/dist/loader.js(：ModuleBuildError：模块构建失败(来自./node_modules/postcss-loader/dist/cjs.js(：错误：找不到"bootstrap/dist/css/bootstrap.min.css">

溶液：运行以下命令以安装其他软件包

npm install bootstrap jquery popper.js

<</div> div class="one_answers">

我的 Angular 项目中遇到了这个问题。它看起来像一个引导程序问题。我刚刚将引导程序从 5.1.3 降级到 4.6.0。就这样