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

问题描述

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

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

“角度”：“1.5.3”，“角度-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，但它不起作用

标签： angularjsangular-ui-bootstrapwebpack-4

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

问题描述

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

解决方案

推荐阅读