如何修复导致"karma WARN [web-server]：404“的镜像？

Question

我有一个带模板的angular指令，它的作用类似于：

<img ng-src="{{url}}" />

在我的测试中，我设置了作用域，以便url指向一个虚构的图像……然后因果报应说：

WARN [web-server]: 404: /fake.png

所以我进入我的karma配置文件并添加到文件数组中：

{pattern: 'spec/javascripts/fixtures/**/*.png', watched: false, included: false, served: true},

然后添加代理：

proxies: {
  '/fake.png': 'spec/javascripts/fixtures/assets/fake.png'
}

..。

现在我明白了：

WARN [proxy]: failed to proxy spec/javascripts/fixtures/assets/fake.png ([object Object])

这条路径是正确的，并且那里有一个名为fake.png的真实图像。

我的配置中的basePath也被正确地设置为我的项目的根目录...

Answer 1

我通过随机的试验和错误找到了答案。显然，你必须在你的路径中使用神奇的单词"base“。

proxies: {
  '/fake.png': '/base/spec/javascripts/fixtures/assets/fake.png'
}

现在它可以工作了，但老实说，前缀"/base"看起来就像是胡说八道。

Answer 2

我想发表评论，但我没有足够的代表，因为我是一个新手。/base是来自karma配置的基本路径。您可以在

module.exports = function () {
    return {
        ...
        basePath: '../',
        ...
    }    
}

执行此操作时，基础零件会自动优先于图案。所以这并不是胡说八道，而是配置不完整。祝你有一个伟大的梦想:)

Answer 3

如果您不关心在测试中显示实际图像，这就足够了：

proxies: {
  '/fake.png': ''
}