• 使用asp.net MVC4中的Bundle遇到的问题及解决办法


    背景  

      之前有过使用MVC3的经验,也建过MVC4的基本样例看过,知道有bundle这么一个方法。

      近日想建个网站使用MVC4,但是我觉得在基本样例上改不好,有太多无用的东西,所以就建了一个空白的MVC的程序,然后自己写需要的东西,

      将程序的目标框架从4.5降到了4.0(我使用的是VS2013),问题就来了。

    问题及解决办法

     1、降了目标框架之后,vs报一个警告:NuGet程序包是使用不同于当前目标框架的目标框架安装的,需要更新System.Web.Http,之前有用过NuGet,

         但是只是用它来添加需要的程序集, 没有更新过啊。

         解决:搜索之,不难找到答案,在NuGet的命令窗口,使用Update-Package 程序包名 来更新,对于只使用管理NuGet程序包窗口的人来说,命令窗口在哪呢?

       

        打开窗口,使用命令 update-package System.Web.Http 更新即可。

    2、第一次见到使用Bundle时候,觉得有这个之后多处引用js或者css的时候写的就方便了,现在知道了它更大的用处是对js或者css文件进行合并压缩。

        具体怎么用呢,不知道了,好解决,再单独新建一个mvc4的基本样例程序查看一下。

        问题: 首先需要在App_Star文件夹下新建一个BundleConfig.cs类,定义RegisterBundles方法,需要BundleCollection对象作为参数,发现没有BundleCollection类

        解决程序添加对System.Web.Optimization.dll的引用,类中添加using System.Web.Optimization

        问题:BundleConfig.cs类写好了,在Global.asax文件的Application_Start方法中注册了,那在页面View中用吧,但是写@Styles.Render时怎么也不出提示,

                怎么没有呢? 在样例页面上也没看到有引用命名空间呢?

        解决:原来这个命名空间是需要在web.config中添加的,在程序目录下有个web.config ,在View文件夹下也有个web.config,在两个文件中都加上

                 <add namespace="System.Web.Optimization"/> ,具体位置你一看web.config就知道了。

       问题:OK,都写好了运行一下吧,我去,出异常了。第一眼就看见提示“使用相对路径时,请确保当前目录是正确的”,难道说是BundleConfig.cs定义的文件路径有问题?

                问题是没有加载WebGrease

                

        解决:程序添加引用:Antlr3.Runtime.dll 和WebGrease.dll,在程序根目录下的web.config中添加以下节点

               

    <runtime>
        <assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">      
          <dependentAssembly>
            <assemblyIdentity name="WebGrease" publicKeyToken="31bf3856ad364e35" />
            <bindingRedirect oldVersion="1.0.0.0-1.3.0.0" newVersion="1.3.0.0" />
          </dependentAssembly>
        </assemblyBinding>
        
      </runtime>

           问题:程序运行起来,没有报错,以为一切ok了,却发现Jquery.min.js文件没有引用上?

           解决:上边说到了bundle有对文件压缩的功能,文件名中有min它就不引用了,所以把文件名中的min去掉,改成Jquery.js就可以了。

            搜索过程中有篇文章说

        new ScriptBundle("~/bundles/js/jqueryContent") 中的的名字 不能有特殊符号。。比如 . - 否则无效呀。地址

    总结:在使用bunle过程中需要引用三个dll,在web.config中做两处的配置,我想我如果不从0开始写,我不会知道这些。

    这是我第一次发表到首页,如果有不对的地方还请大侠多多指教,如果对您有所帮助我将万分荣幸。多多支持一下吧!
  • 相关阅读:
    整理Eclipse常用快捷键
    前端网站资源推荐
    Node.js 官方示例中的 ECMAScript 2015
    D3.js 入门系列 — 选择元素和绑定数据
    D3.js 入门系列
    PlaceHolder的两种实现方式
    Vue.js 是什么
    Webstorm官方最新版本for Mac版本 不用注册码/破坏原文件
    vue.js 学习 仅自己加强记忆
    jQuery 动画animate,显示隐藏,淡入淡出,下拉切换,过渡效果
  • 原文地址:https://www.cnblogs.com/zhouxiuquan/p/3564834.html
Copyright © 2020-2023  润新知