错误:无法用webpack-4解析“角-ui-引导”

Question

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

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

“角”："1.5.3"，“角-ui-引导”："^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:中的角用户界面引导程序

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/

/ Module /core/index.js模块中的错误:错误:无法解析“角用户界面-引导”

和webpack的建设失败了。我也尝试过在html中直接导入ui-引导程序，但是它不能工作。

Answer 1

我认为你需要升级你的角用户界面引导版本-参考：https://github.com/angular-ui/bootstrap

角度要求

UI引导带1.0及更高版本要求角为1.4.x或更高，并已用角1.4.8进行了测试。