小编Sna*_*ger的帖子

我知道之前已经出现过这个错误,但这似乎有点特殊.

我一直在使用基于ASP.NET MVC 4的ReactJS设置SPA.我在我的机器上运行工作没有问题.但是,我看到的一个奇怪的问题是,它不适用于其他开发人员的任何其他机器.据我所见,我没有任何未在源代码管理下签入的文件.我已经使用了RouteDebugger,我看到了正确的路线被抓住了.

我用于此SPA的路线是/ V2/Home.所以我有一个名为"V2"的区域,一个名为"HomeController"的区域中的MVC控制器,它有一个名为"Index"的视图.我在V2AreaRegistration中设置了一个catchall.

public override void RegisterArea(AreaRegistrationContext context)
{
   context.MapRoute(
       "V2_default",
       "V2/{*url}",
       new { area = "V2", controller = "Home", action = "Index" }
   );
}

这是Global.asax.cs中的Application_Start

protected void Application_Start()
{   
    AreaRegistration.RegisterAllAreas();

    GlobalConfiguration.Configure(WebApiConfig.Register);           
    FilterConfig.RegisterGlobalFilters(GlobalFilters.Filters);
    RouteConfig.RegisterRoutes(RouteTable.Routes);
    BundleConfig.RegisterBundles(BundleTable.Bundles);
    AuthConfig.RegisterAuth();

    AutoMapperConfiguration.Configure();
    Logger.Info("Application started");

    GlobalConfiguration.Configuration.EnsureInitialized(); 
}

我完全无处可去.我很乐意解决这个问题.随意要求任何遗漏.

因此，我正在将我们正在处理的网站的内部样式指南从常规 html 切换为使用 reactjs。我有示例代码，并且我正在使用 Prism.js 突出显示。突出显示似乎工作正常，但换行符不行。即使在每一行后放入 br 标签也没有效果。有没有人对此有任何想法？只是一些示例代码：

var Example = React.createClass({
    render: function() {
        return (
          <div class="highlight">
              <pre>
                 <code class="language-markup">
                     &lt;label class=&quot;select&quot;&gt;
                     &lt;select class=&quot;selector&quot;&gt;
                            &lt;option value=&quot;1&quot;&gt;1&lt;/option&gt;
                            &lt;option value=&quot;2&quot;&gt;2&lt;/option&gt;
                            &lt;option value=&quot;3&quot;&gt;3&lt;/option&gt;
                            &lt;option value=&quot;4&quot;&gt;4&lt;/option&gt;
                            &lt;option value=&quot;5&quot;&gt;5&lt;/option&gt;
                         &lt;/select&gt;
                     &lt;/label&gt;
                 </code>
             </pre>
         </div>
    );
  }      
});

React.render(<Example />, document.getElementById('example'));

当它呈现时，它看起来像这样。

<label class="select"><select class="selector"><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select></label>

但我希望它看起来像这样：

var Example = React.createClass({
    render: function() {
        return (
          <div class="highlight">
              <pre>
                 <code class="language-markup">
                     &lt;label class=&quot;select&quot;&gt;
                     &lt;select class=&quot;selector&quot;&gt;
                            &lt;option value=&quot;1&quot;&gt;1&lt;/option&gt;
                            &lt;option value=&quot;2&quot;&gt;2&lt;/option&gt;
                            &lt;option …