html页面中引入ionic.bundle.min.js正常,但是引入ionic.bundle.js报错Invalid regular expression

最新推荐文章于 2023-02-13 16:57:38 发布

aitangyong

最新推荐文章于 2023-02-13 16:57:38 发布

阅读量1.3w

点赞数

分类专栏： ionic 文章标签： invalid regular 引入ionic框架报错

本文链接：https://blog.csdn.net/aitangyong/article/details/50349849

版权

ionic 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

我们的android hybrid app开发使用到了ionicframework作为UI框架，ionic框架的发展和更新非常快，而且做出的界面也很好看。我自己引入ionic框架的时候，遇到了问题。

<html>
  <head>
		<script src="jquery-1.11.1.min.js"></script>
		<link rel="stylesheet" type="text/css" href="./1.1.1-release/css/ionic.css" />
		<script src="./1.1.1-release/js/ionic.bundle.js"></script>
  </head>
  <body>
		<div class="bar bar-header bar-positive">
			<a class="button button-icon icon ion-android-more-vertical"></a>
			<h1 class="title">bar-positive</h1>
			<a class="button button-icon icon ion-more"></a>
		</div>	
	
		<div class="bar bar-footer bar-balanced">
			<div class="title">Footer</div>
		</div>
  </body>
</html>

还是上面的页面，我们引入ionic.bundle.min.js，而不是引入ionic.bundle.js，可以看到没有报错。

有点奇怪，我们知道对于js文件来说，min是压缩版(实际部署的时候都是使用min版本)，不含min(源文件，一般在开发过程中使用)。但是压缩版和源码版功能都是一样的，一时半会儿也不知道为啥引入源码版会报错，但是引入压缩版没有问题。只好看源码，从源码中寻找答案了。

下面这段报错代码在ionic.bundle.js中：

angular.module('ngSanitize').filter('linky', ['$sanitize', function($sanitize) {
  var LINKY_URL_REGEXP =
        /((ftp|https?):\/\/|(www\.)|(mailto:)?[A-Za-z0-9._%+-]+@)\S*[^\s.;,(){}<>"”’]/i,
      MAILTO_REGEXP = /^mailto:/i;

对应ionic.bundle.min.js中代码如下：

h.module("ngSanitize").filter("linky",["$sanitize",function(a){var f=/((ftp|https?):\/\/|(www\.)|(mailto:)?[A-Za-z0-9._%+-]+@)\S*[^\s.;,(){}<>"\u201d\u2019]/i,d=/^mailto:/i;

可以看出差别了吧：是中文问题在作怪，ionic.bundle.js中直接使用中文的单引号和双引号，而ionic.bundle.min.js中对中文字符进行了转义。所以解决方案就很简单了：上面我们的html没有设置编码，所以默认不支持中文。只需要在头部加入下面代码即可：

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

设置好html的编码格式后，发现引入ionic.bundle.js或者ionic.bundle.min.js的时候，都不会再报错了。

aitangyong

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
html页面中引入ionic.bundle.min.js正常,但是引入ionic.bundle.js报错Invalid regular expression

我们的android hybrid app开发使用到了ionicframework作为UI框架，ionic框架的发展和更新非常快，而且做出的界面也很好看。我自己引入ionic框架的时候，遇到了问题：invalid regular expression。有点奇怪，我们知道对于js文件来说，min是压缩版(实际部署的时候都是使用min版本)，不含min(源文件，一般在开发过程中使用)。但是压缩版和源码版功能都是一样的，一时半会儿也不知道为啥引入源码版会报错，但是引入压缩版没有问题。只好看源码，从源码中寻找答案了
复制链接

扫一扫