当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似乎不是问题。我认为我的配置可能有问题,但是如您所见,我已经将配置文件分解到最低限度。任何帮助都非常感谢!非常感谢!