2016-10-13 1 views
0

У меня возникают некоторые проблемы, в том числе пакет с угловым моментом, использующий веб-пакет. Скажем, в мой файл app.js я включить файл зависимостей следующим образом:Момент нагрузки с моментом - Ошибка «модуль» не является функцией

import 'moment/src/moment'; 
import angularMoment from 'angular-moment'; 
angular.module('helloWorldapp', [angularMoment]); 

Мой webpack.config заключается в следующем:

var path = require('path'); 
var webpack = require('webpack'); 
var ExtractTextPlugin = require('extract-text-webpack-plugin'); 
var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin; 
var webpackUglifyJsPlugin = require('webpack-uglify-js-plugin'); 
var CopyWebpackPlugin = require('copy-webpack-plugin'); 
var HtmlWebpackPlugin = require('html-webpack-plugin'); 


const extractCSS = new ExtractTextPlugin('[name][hash].css'); 
const extractSCSS = new ExtractTextPlugin('[name][hash].css'); 
const commonsPlugin = new CommonsChunkPlugin('vendor.js'); 
const htmlPlugin = new HtmlWebpackPlugin({ 
    template: path.join(__dirname, '/client/index.html'), 
    filename: '../client/index.html', 
    inject: 'true' 
}); 
const providePlugin = new webpack.ProvidePlugin({ 
    '$': 'jquery', 
    'jQuery': 'jquery', 
    'window.jQuery': 'jquery', 
    'window.moment': 'moment' 
}); 

module.exports = { 
    entry: { 
     app: './client/app/app.js', 
     vendor: [ 
      'angular', 
      'angular-animate', 
      'angular-aria', 
      'angular-cookies', 
      'angular-resource', 
      'angular-messages', 
      'angular-sanitize', 
      'angular-socket-io', 
      'angular-ui-bootstrap', 
      'angular-ui-router', 
      'moment', 
      'angular-moment', 
      'angular-material', 
      'angular-translate', 
      'angular-translate-loader-partial', 
      'lodash', 
      'mobile-detect', 
      'angular-local-storage' 
     ] 
    }, 
    output: { 
     path: path.join(__dirname, '/dist/client'), 
     filename: '[name][hash].js' 
    }, 
    plugins: [extractCSS, extractSCSS, htmlPlugin, commonsPlugin, providePlugin], // uglifyCode 
    debug: true, 
    module: { 
     loaders: [ 
      { 
       test: /\.css$/, 
       loader: extractCSS.extract(
        'css', 
        'sass' 
       ) 
      }, 
      { 
       // SASS LOADER 
       // Reference: https://github.com/jtangelder/sass-loader 
       test: /\.(scss|sass)$/, 
       loader: ExtractTextPlugin.extract(
        'style', 
        'css!sass!resolve-url!sass?sourceMap' 
       ) 
      }, 
      { 
      test: /\.scss$/, 
      loader: ExtractTextPlugin.extract(
      'style', 
      'css!sass!resolve-url!sass?sourceMap' 
      ), 
      include: [path.resolve(__dirname, 'client/app/app.scss')], 
      // exclude: [path.resolve(__dirname, 'client/bower_components'), path.resolve(__dirname, 'node_modules')] 
      },*/ 
      { 
       test: /\.js$/, loaders: ['ng-annotate', 'babel-loader'], include: [ 
       path.resolve(__dirname, 'client/') 
       // path.resolve(__dirname, 'node_modules/lodash-es/') 
      ] 
      }, 
      { 
       test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)([\?]?.*)$/, 
       loader: 'file' 
      }, 
      { 
       include: /\.json$/, 
       loaders: ['json-loader'] 
      } 
     ] 
    }, 

}; 

Версия углового момента является последним доступно (v1.0.0-beta.6). Я также читал https://github.com/urish/angular-moment/issues/108, но я не смог найти решение для коррекции. Ошибка всегда одна и та же: 'Ошибка' модуль 'не является функцией'

Кто-нибудь знает, где я ошибаюсь?

ответ

0

Должно быть, как это,

angular.module('helloWorldapp', ['angularMoment']); 
+0

Мой плохо .. спасибо человеку :) – enricop89

Смежные вопросы