在使用babel-loader加载JavaScript文件时，可能会出现"TypeError: val is not a function"错误。这个错误通常是由于babel配置或babel版本不兼容导致的。以下是解决方法的示例代码：

1. 首先，确认你安装了最新版本的babel-loader和babel-core。

npm install babel-loader babel-core --save-dev

2. 确认你的项目根目录下有一个名为.babelrc的文件，其中包含了babel的配置信息。如果没有，请创建一个，并添加以下内容：

{
  "presets": ["@babel/preset-env"]
}

3. 更新webpack配置文件，确保babel-loader被正确配置。

module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader'
        }
      }
    ]
  }
  // ...
}

4. 确保你的项目根目录下有一个名为babel.config.js的文件，其中包含了babel的配置信息。如果没有，请创建一个，并添加以下内容：

module.exports = function(api) {
  api.cache(true);

  const presets = ["@babel/preset-env"];

  return {
    presets
  };
}

以上是解决"babel-loader错误- TypeError: val is not a function"的常见方法和示例代码。确保你的babel配置正确，并使用兼容的版本，就可以解决这个错误。