繁体   English   中英

React-Scripts:为什么我不能通过引用 node_modules 文件夹来导入 .scss 文件

React-Scripts: Why can't I import a .scss file by referencing node_modules folder

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个由'create-create-app' cli 创建的项目,我最近从节点 12 更新到 16 和 react-scripts 2 到 5。从那时起,我一直收到此错误。

ERROR in ./src/assets/main.scss (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[0].oneOf[7].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].oneOf[7].use[4]!./src/assets/main.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
  ╷
9 │ @import "node_modules/bootstrap/scss/functions";
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  node_modules/shards-ui/src/scss/shards.scss 9:9  @import
  src/styles/shards-dashboards.scss 15:9           @import
  src/assets/main.scss 4:9                         root stylesheet

shards-ui 是我的 package.json 的依赖项。 shards-ui 依赖的.shards.scss文件正在从其本地 node_modules 导入文件。

@import "node_modules/bootstrap/scss/functions";

此外,使用yarn 1.22.19安装不会给我这个错误。 但是npm 8.11.0可以。

为了消除错误,我改变了
@import "node_modules/bootstrap/scss/functions";

@import "~bootstrap/scss/functions";

我想了解为什么 yarn 不会出现任何错误,以及更改导入是否是最好的解决方法。

问题暂未有回复.您可以查看右边的相关问题.
3 Babel 错误:找不到模块:无法解析' /node_modules/react-scripts/node_modules/babel-loader/lib/index.js' 在新组件之后

来自src目录的树 Output: References.js App.js 该站点运行良好,直到我将References.js文件添加到我的App.js文件中。 我已删除node_modules并重新安装。 我已经安装了建议的 npm 软件包。 每次尝试添加组件时,我都无法弄清楚是什么引入了重大更 ...

6 如何从node_modules文件夹导入脚本

我正在尝试通过教程来使ASP5应用程序与Angular 2.0一起运行。 经过几步,我意识到当我尝试在没有互联网连接的情况下进行操作时不起作用(我通常在坐在火车上时进行操作)。 当然,如果没有互联网连接,本教程建议的导入将无法进行: 因此,我试图像这样从我的node_modules文 ...

9 反应-从Node_Modules导入文件

我是React的新手,但已经广泛使用了React Native。 基本上,我正在努力进行一些简单而又常见的工作。 我想使用NPM软件包bootstrap-grid-only-css( https://www.npmjs.com/package/bootstrap-grid-only- ...

2019-06-05 15:42:30 2 181   reactjs
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM