`angular`如何修复此警告`忽略值而不是Error`的实例`

Question

我的angular CLI工作正常。也可以获取图像。不过，我还是会得到这样一个warning：

WARNING in ./src/app/home/home.component.css
(Emitted value instead of an instance of Error) postcss-url: C:\Projects\dhl-testing\src\app\home\home.component.css:4:3: Can't read file 'C:\Projects\dhl-testing\src\app\home\assets\images\dhlmoped.jpg', ignoring

和

WARNING in ./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./src/styles.css
(Emitted value instead of an instance of Error) postcss-url: C:\Projects\dhl-testing\src\assets\css\sm\header.css:43:5: Can't read file 'C:\Projects\dhl-testing\src\assets\css\sm\assets\images\icon-user.png', ignoring

这些警告是什么以及如何修复它们？

Answer 1

将'/‘添加到路径开头:示例：’/ assets /images/logo.png‘，其中资源位于src文件夹下的根目录中

Answer 2

在webpack.config.json中，执行以下更改：

"exclude": [
      // instead of /\/node_modules\//
      path.join(process.cwd(), 'node_modules')
    ]

由于某些原因，正则表达式无法正常工作。

(至少，这是我的问题……)

Answer 3

从外观上看，您使用的是绝对CSS图像路径

C:\Projects\dhl-testing\src\app\home\assets\images\dhlmoped.jpg

使其成为相对的，类似于

url("\assets\images\dhlmoped.jpg")