Я создал эту минимальную репродукцию, которая наилучшим образом представляет мои настройки:
_emptyLayout.cshtml
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon"
type="image/png"
href="/Content/images/favicon.ico" />
<title>@ViewBag.Title</title>
</head>
<body>
@RenderBody()
</body>
</html>
DataController.cs
[Authorize(Users = "DataReader")]
public class DataController : Controller
{
public ActionResult windex()
{
return View();
}
public ActionResult Index()
{
return View();
}
}
windex.cshtml
@{
ViewBag.Title = "windex";
Layout = "~/Views/Shared/_emptyLayout.cshtml";
}
<h2>windex</h2>
<div id="app">
{{msg}}
</div>
<script src="~/Scripts/data.js" type="module"></script>
data.js
import Vue from 'https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.esm.browser.js'
export default new Vue(
{
el: '#app',
data: {msg:'hi there'}
});
Обычно, когда Edge отображает страницу, я вижу "{{msg}}".Когда Firefox отображает страницу, я вижу «Привет!».
Нет сообщений об ошибках или предупреждений.
Кажется, что проблема не существует для простых HTML-страниц.Например, я попытался воспроизвести проблему с помощью фрагментов стека, но Edge показывает «привет там».
Кроме того, в Edge прекрасно отображается, если я не использую модули, только обычные теги сценариев.
Кто-нибудь сталкивался с этой проблемой с этой комбинацией технологий раньше?Есть ли способ это исправить?