Webpack中需要jQuery时Javascript无法在Android上运行

时间:2019-01-23 06:23:48

标签: android jquery webpack

当Webpack中需要jQuery(或其他类似引导程序的库)时,任何移动android浏览器上都不会运行javascript。它仍然可以正常运行,并且可以在chrome和safari上正常运行。没有jQuery,它也可以在android上运行。

我有同样的问题需要引导,所以我认为这不是jQuery问题,而是Webpack的问题。

webpack.config.js文件:

module.exports = {
  entry: 'path/to/index.js',
  output: {
    path: 'path/to', 'js',
    filename: '[name].js'
  },
  mode:'development',
}

index.js文件:

var $ = require("jquery")
console.log($)
alert('hello')

在桌面浏览器(例如chrome,safari等)上已成功提醒“ Hello”,但在任何v4.0以上版本的移动android浏览器中均未收到“ Hello”提醒

没有jQuery的index.js文件:

alert('hello')

在Android浏览器上也会提醒“你好”

我还尝试通过CDN包含jQuery,然后需要引导:

html:

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script> 

index.js

require('bootstrap')
alert('hello')

这里的情况相同:Alert仅在桌面浏览器上有效,而在Android上无效。但是

alert('hello')

运作良好

Webpack会以某种方式破坏Android上的JavaScript,我不明白为什么以及发生了什么。 jQuery或Bootstrap似乎不是问题。我认为我的配置可能有问题,但是如您所见,我已经将配置文件分解到最低限度。任何帮助都非常感谢!非常感谢!

0 个答案:

没有答案