此错误通常是因为Blazor项目中存在两个具有相同名称但不同扩展名(.razor和.js/.ts)的组件文件。为了解决此问题,您需要确保组件文件的名称必须唯一且不重复,包括文件扩展名。
以下是一个示例。在此示例中,有两个组件文件具有相同的名称“Counter”但不同的扩展名。因此,当你尝试保存.ts 文件时,会出现错误BLAZOR106。解决此问题的方法是更改其中一个组件文件的名称,例如将Counter.ts改为NewCounter.ts。
Counter.razor:
< h1 >Current count: @currentCount
@code {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
}
Counter.ts:
export function incrementCount(currentCount: number): number {
return currentCount + 1;
}
要避免此错误,建议您在共享组件代码时使用相同的文件名和扩展名。例如,如果您希望在.razor和.ts文件中共享组件代码,可以使用相同的文件名和扩展名,例如Counter.razor和Counter.ts。