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")

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

3 个答案: