Javascript 如何使用webpack+中第三方库中定义的API；反应_Javascript_Reactjs_Webpack

Javascript 如何使用webpack+中第三方库中定义的API；反应

javascript reactjs webpack

Javascript 如何使用webpack+中第三方库中定义的API；反应,javascript,reactjs,webpack,Javascript,Reactjs,Webpack,我正在使用webpack+react作为我的应用程序。下面是我的index.jsx文件 import $ from 'jquery' import React from 'react'; import ReactDOM from 'react-dom'; import load from 'little-loader'; import './main.css'; import './component'; import Search from './search/search' load('

我正在使用webpack+react作为我的应用程序。下面是我的index.jsx文件

import $ from 'jquery'
import React from 'react';
import ReactDOM from 'react-dom';
import load from 'little-loader';

import './main.css';
import './component';
import Search from './search/search'

load('http://api.map.baidu.com/api?v=2.0&ak=gNO2wKVBNupZfafi0bl0sW3dIKqAHn4l', function(err){
    console.log('err:', err);
});

// load('baidu.js');

// document.body.appendChild(component());


ReactDOM.render(<Search />, document.getElementById('search'));

var map = new BMap.Map("container");

但我有一个错误，抱怨BMap没有定义。我想我没有正确导入此库，我应该如何导入它

My index.html如下所示：

<html>
    <head>
        <meta charset="utf-8">

    </head>
    <body>
        <div id='search'>
        </div>

        <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
    </body>
</html>

这是一个异步函数。在回调中移动代码。我应该在哪里添加回调？我试图在load callback函数中移动它，但它仍然存在此问题。由于使用

document.write加载了js，因此回调将不起作用。您只需将js从load（）
移动到
标记即可。我只是想把它放在head标签上，但我的应用程序似乎不起作用。它显示一个空白页，没有任何错误。我有没有办法像其他人一样将其打包到bundle.js文件中？无法打开来自俄罗斯的baidu.com
并检查文档lol。您的DOM中是否有id为container
的元素？您可以尝试传入加载http://api.map.baidu.com/getscript?v=2.0
和movevar map=newbmap.map（“容器”）
在函数（err）{..}
中，它是一个异步函数。在回调中移动代码。我应该在哪里添加回调？我试图在load callback函数中移动它，但它仍然存在此问题。由于使用document.write加载了js，因此回调将不起作用。您只需将js从load（）
移动到
标记即可。我只是想把它放在head标签上，但我的应用程序似乎不起作用。它显示一个空白页，没有任何错误。我有没有办法像其他人一样将其打包到bundle.js文件中？无法打开来自俄罗斯的baidu.com
并检查文档lol。您的DOM中是否有id为container
的元素？您可以尝试传入加载http://api.map.baidu.com/getscript?v=2.0
和movevar map=newbmap.map（“容器”）在函数（err）{..}
var map = new BMap.Map("container");  

<html>
    <head>
        <meta charset="utf-8">

    </head>
    <body>
        <div id='search'>
        </div>

        <script type="text/javascript" src="bundle.js" charset="utf-8"></script>
    </body>
</html>