码迷,mamicode.com
首页 > Web开发 > 详细

Uncaught Error: Script error for "popper.js", needed by: bootstrap - require.js

时间:2019-01-08 15:18:09      阅读:481      评论:0      收藏:0      [点我收藏+]

标签:bootstra   play   uncaught   error:   遇到   net   解决   rap   bootstrap   

Uncaught Error: Script error for "popper.js", needed by: bootstrap
https://requirejs.org/docs/errors.html#scripterror
    at makeError (require.js:168)
    at HTMLScriptElement.onScriptError (require.js:1738)

  

使用require.js 模块化开发引入bootstrap 4.1.1 时会报错,如上,在网上找到一个解决办法,在配置require.js 时添加map参数,最终解决方案如下:

require.config({
  baseUrl: ‘/vendors‘,
  paths: {
    ‘jquery‘:                 ‘jquery/dist/jquery.min‘,
    ‘bootstrap‘:              ‘bootstrap/dist/js/bootstrap‘,
    ‘popper‘:                 ‘popper.js/dist/umd/popper.min‘,
    ...
  },
  shim: {
    ‘bootstrap‘: [‘jquery‘]
  },
  map: {
    ‘*‘: {
      ‘popper.js‘: ‘popper‘
    }
  }
});

  

核心解决方案是:

在require的配置中 map 里加配置 ‘popper.js‘: ‘popper‘。

这是因为在Bootstrap里定义的是require(‘popper.js‘), 而不是require标准的require(‘popper‘), 所以要在map里做一个转换以让require.js识别。

以后遇到同类情况也可以用些方案解决。

 

参考:https://my.oschina.net/justplay/blog/2992283

Uncaught Error: Script error for "popper.js", needed by: bootstrap - require.js

标签:bootstra   play   uncaught   error:   遇到   net   解决   rap   bootstrap   

原文地址:https://www.cnblogs.com/manongxiaobing/p/10238085.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!