错误：Can'；t解决'；角度用户界面引导'；使用webpack-4 angularJS代码中使用ECMA 6和webpack-4的AngularUI引导导入问题

**下面是我的angular.js和angular ui引导版本**

“角度”：“1.5.3”， “角度ui引导”：“^0.12.1”

下面是我的网页配置文件：

module.exports = {
  mode: "development",
  entry: {
    app: "./src/app/modules/index.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: "babel-loader",
        exclude: /node_modules/
      },
      {
        test: /\.less$/,
        use: ["style-loader", "css-loader", "less-loader"]
      },
      {
        test: /\.(png|svg|jpg|gif)$/,
        use: ["file-loader"]
      },
      {
        test: /\.(woff|woff2|eot|ttf|otf)$/,
        use: ["file-loader"]
      },
      {
        test: require.resolve('jquery'),
        use: [{
          loader: 'expose-loader',
          options: 'jQuery'
        },{
          loader: 'expose-loader',
          options: '$'
        }]
      },
      {
        test: /\.html$/,
        use: [
          { 
            loader: "html-loader",
            options: {
              attributes: true,
              interpolate: true,
            }
          }
        ],
      }
    ]
  },
  devtool: "inline-source-map",
  plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      template: "./src/app/index.html",
      inject: true,
      appMountId: "app",
      filename: "index.html"
    }),
  ],
  output: {
    filename: "[name].bundle.js",
    path: path.resolve(__dirname, "dist")
  }
};

import angular from 'angular';
import uirouter from 'angular-ui-router'
import uibootstrap from 'angular-ui-bootstrap'

export default angular.module('App', [uirouter, uibootstrap ]).name;

在app.js中导入角度ui引导：

module.exports = {
  mode: "development",
  entry: {
    app: "./src/app/modules/index.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: "babel-loader",
        exclude: /node_modules/
      },
      {
        test: /\.less$/,
        use: ["style-loader", "css-loader", "less-loader"]
      },
      {
        test: /\.(png|svg|jpg|gif)$/,
        use: ["file-loader"]
      },
      {
        test: /\.(woff|woff2|eot|ttf|otf)$/,
        use: ["file-loader"]
      },
      {
        test: require.resolve('jquery'),
        use: [{
          loader: 'expose-loader',
          options: 'jQuery'
        },{
          loader: 'expose-loader',
          options: '$'
        }]
      },
      {
        test: /\.html$/,
        use: [
          { 
            loader: "html-loader",
            options: {
              attributes: true,
              interpolate: true,
            }
          }
        ],
      }
    ]
  },
  devtool: "inline-source-map",
  plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      template: "./src/app/index.html",
      inject: true,
      appMountId: "app",
      filename: "index.html"
    }),
  ],
  output: {
    filename: "[name].bundle.js",
    path: path.resolve(__dirname, "dist")
  }
};

import angular from 'angular';
import uirouter from 'angular-ui-router'
import uibootstrap from 'angular-ui-bootstrap'

export default angular.module('App', [uirouter, uibootstrap ]).name;

我收到以下错误：

module.exports = {
  mode: "development",
  entry: {
    app: "./src/app/modules/index.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        use: "babel-loader",
        exclude: /node_modules/
      },
      {
        test: /\.less$/,
        use: ["style-loader", "css-loader", "less-loader"]
      },
      {
        test: /\.(png|svg|jpg|gif)$/,
        use: ["file-loader"]
      },
      {
        test: /\.(woff|woff2|eot|ttf|otf)$/,
        use: ["file-loader"]
      },
      {
        test: require.resolve('jquery'),
        use: [{
          loader: 'expose-loader',
          options: 'jQuery'
        },{
          loader: 'expose-loader',
          options: '$'
        }]
      },
      {
        test: /\.html$/,
        use: [
          { 
            loader: "html-loader",
            options: {
              attributes: true,
              interpolate: true,
            }
          }
        ],
      }
    ]
  },
  devtool: "inline-source-map",
  plugins: [
    new CleanWebpackPlugin(),
    new HtmlWebpackPlugin({
      template: "./src/app/index.html",
      inject: true,
      appMountId: "app",
      filename: "index.html"
    }),
  ],
  output: {
    filename: "[name].bundle.js",
    path: path.resolve(__dirname, "dist")
  }
};

import angular from 'angular';
import uirouter from 'angular-ui-router'
import uibootstrap from 'angular-ui-bootstrap'

export default angular.module('App', [uirouter, uibootstrap ]).name;

./src/app/modules/core/index.js中出错 未找到模块：错误：无法解析“角度ui引导”

---

和网页包生成失败。我也尝试过在我的html中直接导入ui引导，但它不起作用

我认为您需要升级您的angular ui引导版本 参考：

角度要求

UI Bootstrap 1.0及更高版本需要Angular 1.4.x或更高版本，并已使用Angular 1.4.8进行了测试。