Angular -ui-bootstap проблема импорта в angularJS коде с использованием ECMA 6 и webpack-4
** Ниже мой angular. js & angular - ui- bootstrap версии **
"angular": "1.5.3", "angular -ui- bootstrap": "^ 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")
}
};
Для импорта angular -ui- bootstrap в приложение. 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/modules/core/index.js Модуль не найден: Ошибка: Не удается разрешить 'angular -ui- bootstrap'
И сборка веб-пакета не удалась. Я также попытался с прямым импортом ui- bootstrap в моем html, но он не работает