_angular.angular tanımsız hata

Question

Webpack ile oluşturulmuş bir AngularJS uygulamasını önyüklemeye çalışıyorum. Ama şu hatayı alıyorum ve modül kurulmadı.

TypeError: _angular.angular is undefined 

Ben Oluşturulan kod yığın içine kazmak ve _angular.angular o _angular.angular.module_angular.module olmalıdır gibi görünüyor

var _angular = __webpack_require__(1); 

var _angularUiBootstrap = __webpack_require__(3); 

_angular.angular.module('app', [_angularUiBootstrap.bootstrap]).constant('_', window._).run(function ($rootScope) { 
    $rootScope._ = window._; 

dan bulmak. Büyük olasılıkla açısal önyükleme yapmak için yanlış bir yol kullanıyorum veya yanlış bir Webpack yapılandırması kullanıyorum.

webpack.config.js

var webpack = require('webpack'); 
var path = require('path'); 
var ExtractTextPlugin = require('extract-text-webpack-plugin'); 

var srcDir = 'static_src'; 
var outputDir = 'static'; 

module.exports = { 
    devtool: 'source-map', 
    debug: true, 
    entry: { 
    app: path.resolve(srcDir, 'app.js') 
    }, 
    output: { 
    path: outputDir, 
    filename: '[name].bundle.js', 
    sourceMapFilename: '[name].map', 
    chunkFilename: '[id].chunk.js' 
    }, 
    resolve: { 
    extensions: ['', '.js', '.less', '.css'], 
    alias: { 
     npm: __dirname + '/node_modules' 
    } 
    }, 
    module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     loader: 'babel', 
     query: { 
      presets: ['es2015'], 
      plugins: ['syntax-decorators', 'ng-annotate'] 
     }, 
     exclude: /node_module/ 
     }, 
     { test: /\.less$/, loader: 'to-string!css!less' }, 
     { test: /\.css$/, loader: ExtractTextPlugin.extract('style-loader', 'css-loader') }, 
     { test: /\.(png|gif|jpg)$/, loader: 'file?name=images/[name].[ext]' } 
    ] 
    }, 
    plugins: [ 
    new webpack.NoErrorsPlugin(), 
    new webpack.optimize.DedupePlugin(), 
    new ExtractTextPlugin('[name].css') 
    ] 
}; 

Ben açısal 1.5.0 ve webpack 1.12.14 kullanıyorum

import { angular } from 'angular'; 
import { bootstrap } from 'angular-ui-bootstrap'; 

angular.module('app', [bootstrap]); 

app.js: İşte benim kodudur.

Şimdiden teşekkürler.

Answer 1

Hatanız Gereksinimlerinizi Bildiriniz. Eğer

import { angular } from 'angular';

kullanırken bu ihraç açısal modülün içinde bir açısal değişken olduğunu ima eder. neyi Kullanmak istediğiniz

import angular from 'angular';

olduğunu denemektir.