karma and CSS files: "Module not found: Error: Can't resolve"

Question

我运行 karma start karma.config.js 我得到（略有编辑）：

ERROR in ./Content/ebbMain.css Module not found: Error: Can't resolve 'check.png' in 'Content'

这是一个 CSS 文件，通过 URL 属性引用图像。例如：

background-image: url("my-image.png")

我知道这些引用是正确的，因为它们在网络应用程序中显示正确。在这一点上，我只对忽略/排除来自业力的 CSS 文件感兴趣。我已经用谷歌搜索了几个小时，但没有任何效果。感谢任何指点。

Answer 1

我通过使用 css-loader 插件并在 karma.config.js 中配置 webpack 解决了这个错误。请注意 url=false 选项指示 css-loader 忽略 CSS 文件中的 url 位，最终解决了错误。另请注意，您可能需要根据您的特定项目添加更多配置。祝你好运！

webpack: {
            module: {
                loaders: [
                    {
                        test: /\.css$/,
                        loaders: ['css-loader?url=false']
                    }
                ]
            }
        }

karma and CSS files: "Module not found: Error: Can't resolve"

karma and CSS files: "Module not found: Error: Can't resolve"

karma-runner

angular