.NET MVC Scripts.Render 上下文不存在问题解决方法

  要想使用 @Scripts.Render(),就要用到 BundleConfig.cs 这个类,在App_Start目录下新建一下这个类,

     

  类的内容如下:

 

  使用这个类需要引入 using System.Web.Optimization 没有的话,用 NuGet 添加一下,添加的时候会顺带添加了 WebGrease 这个引用

    这都是必须用到的

  

  需要在 Global.asax  里面的 Application_Start  加一句 BundleConfig.RegisterBundles(BundleTable.Bundles) 这个,来开启优化

  

    页面引用代码如下:

    @Scripts.Render("~/bundles/jquery")

  

   上面这些做完之后可以启动网站调试一下,看看是否成功

 

    

     查看源码,出现这个就是成功了

 

在HTML文件中引入`@Scripts.Render`和`@Styles.Render`指令是为了在ASP.NET MVC项目中合并和管理JavaScript和CSS文件,以便优化页面加载性能。这两个指令是MVC4及更高版本的布局(_Layout.cshtml或其他视图共享部分)中常用的辅助方法。 `@Scripts.Render("~/bundles/vue")` 这行代码表示将位于`~/Views/Bundles/vue.js`(或者指定的路径)的脚本资源(可能是Vue.js库)合并并插入到当前页面中。 `@Scripts.Render("~/bundles/element")` 同样,它会合并并引用名为"element"的bundle(假设这个bundle包含Element UI等前端组件相关的JS文件)。 `@Styles.Render("~/Content/elementcss")` 则是用于CSS文件,它会查找`~/Content/elementcss`目录下的所有.css文件,并将其链接添加到页面头部。 要在HTML中实际应用它们,你需要在对应的布局文件顶部包含`@RenderSection("scripts", required: false)` 和 `@RenderSection("styles", required: false)`,然后在需要的地方使用`@section scripts{...}` 和 `@section styles{...}` 来编写内容,如: ```html <head> <meta charset="utf-8"> @Styles.Render("~/Content/css") </head> <body> <!-- 其他内容 --> @RenderBody() @* 将要插入脚本的部分 *@ @section scripts{ @Scripts.Render("~/bundles/main") } </body> ``` 这样,当你在其他视图中引用`@Styles.Render`和`@Scripts.Render`时,它们的内容会被自动合并并按需加载。记得替换示例中的路径和bundle名称以适应你的项目结构。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值