ES6 -- 导入 es5 文件

ES6 -- importing of es5 files

本文关键字：文件 es5 导入 ES6      更新时间：2023-09-26

我尝试使用这个（https://github.com/gocardless/es6-angularjs/blob/master/README.md）作为起点，然后包含引导JavaScript代码。为了打开模态

但唯一发生的是：

Potentially unhandled rejection [3] Error loading "components/bootstrap/dist/js" at http://localhost:3010/components/bootstrap/dist/js.js
Error loading "components/bootstrap/dist/js" from "app-compiled/bootstrap" at http://localhost:3010/app-compiled/bootstrap.js
Not Found: http://localhost:3010/components/bootstrap/dist/js.js (WARNING: non-Error used)

我将其添加到主.js：

import 'bootstrap-js';
//TODO please explain to me why not working

这个到loader.config.js文件：

System.config({
  meta: {
    ...,
    'components/bootstrap/dist/js':{ format: 'global', export: 'bootstrap'}

  },
  map: {
    ....,
    'bootstrap-js': 'components/bootstrap/dist/js'
  }
});
  1. 尝试exports而不是在此处export：
System.config({
    meta: {
    //...
        'components/bootstrap/dist/js':{ format: 'global', exports: 'bootstrap'}
    }
    //...
});
  1. 当您写入{ format: 'global', exports: 'bootstrap'}时，您正在尝试获取全局bootstrap变量。但这种情况并不存在。所以我认为你必须删除元线并修复地图。结果必须如下所示：
System.config({
    meta: {
        //...
        'components/path/to/jquery': { format: 'global', exports: 'jQuery' },
        'components/bootstrap/dist/js/bootstrap': { deps: ['jquery'] }
    }
    map: {
        //...
        'jquery': 'components/path/to/jquery',
        'bootstrap-js': 'components/bootstrap/dist/js/bootstrap'
    }
});
相关文章：