webpack 打包jsonp出现问题

Question

由于在nodejs中使用webpack打包前端代码会出现跨域问题，所以我尝试使用jsonp进行访问，以下是我的代码 非常简单

    superagent.get('http://baidu.com')
        .use(jsonp)
        .end(function (err, res) {
            if(err){
                console.log("Err")
            }
            else{
                console.log("Success")
            }
        });
      

奇怪的事情发生了。同样一份代码，使用node命令执行的话（比如 node action.js）控制台会显示Success。如果使用webpack打包后打开网页看的话 会出现错误

Uncaught SyntaxError: Unexpected token <

我是一个新手，想要请教一下为什么会出现这种情况

PS:以下是对Reactjs打包部分的代码的补充

class App extends React.Component {
    constructor(props) {
        super(props);
    }

    componentDidMount() {
        superagent.get('http://baidu.com')
            .use(jsonp)
            .end(function (err, res) {
                if(err){
                    console.log("Err")
                }
                else{
                    console.log("Success")
                }
            });

    }
        render()
        {
            return (
                <h1>HELLOWORLD</h1>
            )
        }

}



ReactDom.render(
        <App />,
        document.getElementById('app')
);

因为只关注控制台的输出 所以render部分没有输出任何有用信息

Answer 1

怎么一会儿是控制台，一会儿是打开网页？