Question

我有这个文件：

AxiosExtension.js

import Axios from 'axios';
//eventually add code here, if I can get this simple file working
export default Axios;

我正在通过webpack babel loader运行AxiosExtension，如下所示：

Webpack Babel-Loader

   {
        test: /\.js$/,
        loader: 'babel-loader',
        include: [
            path.join(__dirname, '../../AxiosExtension'),
        ]
    },

我将AxiosExtension包含在多个文件中：

MyCode.js

import Axios from 'path/to/file/AxiosExtension';

当我在构建我的webpack后在浏览器中加载MyCode.js时，我收到此错误：

控制台错误

Uncaught TypeError: window._interopRequireDefault is not a function

当我在Chrome Sources标签中查看我的AxiosExtension.js文件时，以下是babel输出的内容：

AxiosExtension.js Babel后的最终输出

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _axios = require('axios');

window._axios2 = window._interopRequireDefault(_axios);

window._interopRequireDefault = function(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

exports.default = window._axios2.default;

看起来_interopRequireDefault在使用后定义。关于我的webpack / babel配置可能有什么问题的任何想法？

.babelrc

{
  "presets": ["es2015"]
}

Babel window._interopRequireDefault不是一个函数

0 个答案: