错误：无法使用 webpack-4 解析“angular-ui-bootstrap”答案

【问题标题】：Error: Can't resolve 'angular-ui-bootstrap' with webpack-4错误：无法使用 webpack-4 解析“angular-ui-bootstrap”
【发布时间】：2020-02-17 07:18:04
【问题描述】：

使用 ECMA 6 和 webpack-4 的 angularJS 代码中的 Angular-ui-bootstap 导入问题

**以下是我的 angular.js 和 angular-ui-bootstrap 版本**

“角度”：“1.5.3”， "angular-ui-bootstrap": "^0.12.1",

下面是我的 webpack 配置文件：

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")
  }
};

在 app.js 中导入 angular-ui-bootstrap：

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 中的错误未找到模块：错误：无法解析“angular-ui-bootstrap”

webpack 构建失败。我也尝试过在我的 html 中直接导入 ui-bootstrap，但它不起作用

【问题讨论】：

标签： angularjs angular-ui-bootstrap webpack-4

【解决方案1】：

我认为您需要升级 angular-ui-bootstrap 版本参考：https://github.com/angular-ui/bootstrap

角度要求

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

【讨论】：