Пътищата с наклонена черта в тилда не работят в MVC 4

Това може да е в резултат на бъг в Razor V2, където апостроф/единична кавичка в HTML коментар нарушава разделителната способност на ~ пътеки.

Заобиколното решение е да използвате коментари на Razor вместо HTML коментари. Т.е. заменете <!-- Here's your comment--> с @* Here's your comment *@.

Съжалявам, това е голям шанс, тъй като нямам представа дали имате HTML коментари, да не говорим за такива, съдържащи единични кавички.

Предполагам, че все още използвате Razor 1 (MvcWebRazorHostFactory е ‹ 4.0).

Проверете дали web.config във вашата папка Views изглежда така...

 <configSections>
    <sectionGroup name="system.web.webPages.razor" type="System.Web.WebPages.Razor.Configuration.RazorWebSectionGroup, System.Web.WebPages.Razor, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35">
      <section name="host" type="System.Web.WebPages.Razor.Configuration.HostSection, System.Web.WebPages.Razor, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
      <section name="pages" type="System.Web.WebPages.Razor.Configuration.RazorPagesSection, System.Web.WebPages.Razor, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" requirePermission="false" />
    </sectionGroup>
  </configSections>

  <system.web.webPages.razor>
    <host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
    <pages pageBaseType="System.Web.Mvc.WebViewPage">
      <namespaces>
        <add namespace="System.Web.Mvc" />
        <add namespace="System.Web.Mvc.Ajax" />
        <add namespace="System.Web.Mvc.Html" />
        <add namespace="System.Web.Routing" />
      </namespaces>
    </pages>
  </system.web.webPages.razor>

Имах този проблем, когато изрязах и поставих примерен код в изглед. Оказа се, че имам грешен тип тилда!

@{
Layout = "∼/Views/_BasicLayout.cshtml";
}

vs

@{
Layout = "~/Views/_BasicLayout.cshtml";
}

Леко различен - копка за намиране

Преинсталиране на MVC 4 (RC) с помощта на самостоятелния инсталатор тук реши този проблем за мен. Все още не разбирам какво е причинило проблема, но мога да живея с това.

За мен проблемът беше свързан само с типове SVG изображения. Решено е чрез добавяне на следното към файла web.config на проекта (не web.config, използван от изгледите, MVC4).

<configuration>
   <system.webServer>
      <staticContent>
         <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
      </staticContent>
   </system.webServer>
</configuration>

За MVC 5 и Razor 3 проблемът за мен се оказа допълнителен символ в кавички в html елемент, който дойде преди (много преди!) img тага:

<div class="foo""> <!-- note the extra quote character here ugh -->
...
</div>
...
<img src="~/images/an-image.png" />

Горният проблем накара Razor да игнорира тилдата (~), давайки го на браузъра такъв, какъвто е/нетрансформиран. Отне ми цяла вечност да открия проблема, който в крайна сметка открих, като преместих img тага в горната част на файла и открих, че работи добре там, и след това използвах подход разделяй и владей, за да стесня мястото в *.cshtml файл, където е спрял да работи.

Надявам се тази публикация да спести време на някого!

Проблемът е за href=, а не за кой < tag >
Примери:

< img src="@Url.Content("Images/someImage.jpg")"/>
< a href="/[email protected]("Home/About")" >click here< /a>

Добре е да вложите @ в друг @section {}

Това, което реши това за мен, беше изключването на Meleze.web HTML Minification.