Angular2:Uncaught（承诺）：评估不支持引用！在组件中

我有一个具有输入参数的组件：

从'@angular/core'导入{Component，Input}；
@组成部分({
选择器：“注释”，
模板：`
`
})
导出类组件{
@输入（）imageURI=“”；
}

在父组件中，我向它传递了一个图像路径，如下所示：

问题是，当我运行它时，它会抱怨：

异常：错误：未捕获（承诺中）：评估不支持引号

那我该怎么办

更新：当我删除父组件中的
[imageURI]='image\u path'
时，它工作正常，并且它完美地显示了组件的其余部分
您应该将父组件中的
注释
标记更改为：



分配模板绑定时不要使用单引号。仅用于格式化字符串，如下所示：

我得到了答案。它返回到我的父组件：
正确的格式是



导出类SinglePictureComponent{
用户名='Salman kkk'；
剖面图_pic=”https://scontent-arn2-1.cdninstagram.com/t51.2885-19/s150x150/13743117_1060048037418472_411027981_a.jpg";
评论=“我爱你”；
}

然后设置属性为：


任何人在谷歌上搜索这个错误：这个错误不包含任何有用的信息，并且可能由于许多不同的原因而抛出，因此在我的例子中，仅仅通过查看HTML是不可能理解的。但是，如果在浏览器中加载的angular文件中放置断点（在我的例子中，
compiler.umd.js
，第11702行，请参阅
@angular/compiler
模块中的第395行，函数
visitQuote（）
，这就是引发异常的原因）您可以深入查看
ast
参数，该参数具有名为
location
和
unterpretedexpression
的属性，这些属性可以帮助您缩小导致此问题的组件和表达式的范围。在我的例子中，它缺少一个
ngClass
参数周围的花括号。
我也遇到了同样的错误，如下所示：


错误的html代码是：


{{action.progress}

修正代码：下面的解决方案对我有效。动作来自
.ts
文件，因为样式应该是
[ngStyle]
，所以我们可以直接传递项目值


{{action.progress}
您没有得到关于模板中导致错误的行和列的提示吗？可能是由于
commentcomponent
（
poent
而不是
component
）中的键入错误造成的？您是否将此组件导入到某个地方，或在
指令中以不同的名称列出它：[……]
？可能是由父组件中的问题引起的？此外，
src=imageURI
应该是
src=“imageURI”
，我会在任何地方使用双引号：
谢谢，这是一个救命稻草！