Angular CLI中的图像在CSS中无法加载。
如果在Angular CLI中，图像在CSS中无法加载，通常有以下几个解决方法：
-
在CSS文件中使用相对路径：确保图像文件位于与CSS文件相同的目录中，并使用相对路径来引用图像。例如，如果图像位于CSS文件的同一目录下，可以使用相对路径
background-image: url('./image.jpg');来引用图像。 -
在CSS文件中使用绝对路径：如果图像文件位于不同的目录中，可以使用绝对路径来引用图像。例如，如果图像位于
src/assets/images目录下，可以使用绝对路径background-image: url('/assets/images/image.jpg');来引用图像。 -
使用CSS的
@import指令：如果上述方法无效，可以尝试使用CSS的@import指令来引入图像。例如，可以在CSS文件中添加@import url('../assets/images/image.jpg');来引入图像。 -
使用Angular CLI的assets配置：在
angular.json文件中，可以配置assets属性来告诉Angular CLI将特定目录下的文件复制到构建输出中。例如，可以在angular.json文件的projects -> architect -> build -> options中添加以下配置：
"assets": [
"src/assets",
"src/favicon.ico"
]
这样，可以将src/assets目录下的所有文件复制到构建输出中，包括图像文件。然后，在CSS文件中使用相对路径来引用图像，例如background-image: url('./assets/images/image.jpg');。
请注意，如果使用了Angular CLI的assets配置，需要重新构建项目才能看到效果。
以上是一些常见的解决方法，根据具体情况选择适合的方法来解决图像在CSS中无法加载的问题。