模块错误（发出的值，而不是错误的实例）

Question

  

./ src / scss / styles.scss中的错误（./node_modules/raw-loader!./node_modules/postcss-loader/lib？嵌入！。 ref--15-3！./ src / scss / styles.scss）   模块错误（来自./node_modules/postcss-loader/lib/index.js）：   （使用值代替Error实例）CssSyntaxError：C：\ xampp \ htdocs \ projectA \ postGrad-Frontend \ src \ scss \ pages \ login.scss：6：13：无法解析'../../ “ C：\ xampp \ htdocs \ projectA \ postGrad-Frontend \ src \ scss”中的asset / images / login-bg.jpg”

为什么会引发错误。 我的图像中显示的正确图像。 我尝试重建npm rebuild，但没有运气。

Answer 1

从此替换路径：

@font-face {
  font-family: 'Effra';
  src: url('assets/fonts/Effra_W_It.ttf') format("truetype");
  font-weight:400;
  font-style: italic;
}

为此：

@font-face {
  font-family: 'Effra';
  src: url("~assets/fonts/Effra_W_It.ttf") format("truetype");
  font-weight:400;
  font-style: italic;
}

文件路径的改变是关键： ~assets/

Answer 2

只需在我的/中添加单斜杠background:url(/../../assets)，并按文档预期的那样工作，这意味着它将从current path.中查找

Answer 3

将应用程序从Angular 8升级到Angular 10后，在构建Angular CLI应用程序时收到类似的错误。某个组件正在使用一个scss文件，该文件的路径为assets文件夹中的图像（例如{{ 1}}）。映像的此路径在Angular 8中有效（例如assets/images/test.jpg），但在升级后无效。该构建将在寻找与该组件所在的当前目录相关的图像文件时，出现以下错误，该错误也将不会显示在页面上。我更改了相对于组件文件夹（例如assets/images/test.jpg）的路径，以解决该问题。

错误：../../../../assets/images/test.jpg