关于angularjs引入GridManager报错的问题请教。且readme留的二维码已经失效了。 about gridmanager HOT 12 OPEN

可以参考下angular1.x的demo

from gridmanager.

感谢回复，我看demo里面引入并注入angularjsApp的方式是这样的
import gridManagerModule from '../js/index';
var index = angular.module("myApp", [gridManagerModule]);

我是通过npm的方式，安装的。
import gridManagerModule from 'gridManager';
var index = angular.module("myApp", [gridManagerModule]);
这种引入的方式，在启动程序的时候就会报我之前提到的错误。

from gridmanager.

import 'gridmanager/index.css';
import GridManager from 'gridmanager/angular-1.x';

from gridmanager.

我也不知道是webpack工程环境问题，还是我安装的版本问题，始终不能正常引入到项目中，一直都报那个错。【叹气】

from gridmanager.

可以把你的webpack配置放出来看看

from gridmanager.

from gridmanager.

没有的哈，github issue不支持邮件这样子的

from gridmanager.

`const path = require('path')
const webpack = require('webpack')
const config = require('./config.js')
const CopyWebpackPlugin = require('copy-webpack-plugin')

const isMock = config.mock
const diskAddr = isMock ? config.mockUrl : config.realUrl
const mockDiskno = isMock ? 'true' : 'false'

function resolve(dir) {
return path.join(__dirname, '..', dir)
}

function assetsPath(_path) {
return path.posix.join('static', _path)
}
module.exports = {
// for entry & loader search from
// context: path.resolve(__dirname, '../'),
entry: {
libs: './vendor/index.js',
app: './src/main.js',
},
output: {
path: path.resolve(__dirname, '../dist'),
filename: '[name].js',
},
resolve: {
extensions: ['.js', '.json'],
alias: {
app: resolve('src/app'),
common: resolve('src/common'),
model:resolve('src/app/outputManage/fillOpenManage/invoice1/model'),
components: resolve('src/components'),
views: resolve('src/views'),
utils: resolve('src/common/utils.js'),
utilsZSSK: resolve('src/common/utils.redevelopmentZSSK.js'),
},
},
module: {
rules: [{
test: /.js$/,
loader: 'babel-loader',
include: [resolve('vendor'), resolve('src'), resolve('node_modules/webpack-dev-server/client'),resolve('node_modules/webpack-dev-server/ng-table')],
}, {
test: /.html$/,
loader: 'html-loader',
options: {
attrs: ['img:src'],
minimize: true,
removeComments: true,
collapseWhitespace: true,
collapseInlineTagWhitespace: true,
},
}, {
test: /.(png|jpe?g|gif|svg)(?.)?$/,
loader: 'url-loader',
options: {
limit: 1024,
name: assetsPath('img/[name].[hash:7].[ext]'),
},
}, {
test: /.(mp4|webm|ogg|mp3|wav|flac|aac)(?.)?$/,
loader: 'url-loader',
options: {
limit: 1024,
name: assetsPath('media/[name].[hash:7].[ext]'),
},
}, {
test: /.(woff2?|eot|ttf|otf)(?.*)?$/,
loader: 'url-loader',
options: {
limit: 1024,
name: assetsPath('fonts/[name].[hash:7].[ext]'),
},
}],
},
plugins: [
new webpack.DefinePlugin({
//本地后台环境
// host: { // etcloud:"/etcloud-sys/", // etcloudOvat:"/etcloud-ovat/", // etcloudWorkflow:"/etcloud-workflow/", // etcloudBiApp: "/etcloud-bi/", // etcloudIvatApp:"/etcloud-ivat/", // etcloudSb: "/etcloud-sb/", // etcloudBiReport:"/etcloud-report/", // etcloudIvatAppZuul: "/zuul/etcloud-ivat/", // etcloudPdf:"/", // etcloudSbZuul: "/zuul/etcloud-sb/", // },
//开发后台环境
host: { etcloud:"/etcloud/etcloud-sys/", etcloudOvat:"/etcloud/etcloud-ovat/", etcloudWorkflow:"/etcloud/etcloud-workflow/", etcloudBiApp: "/etcloud/etcloud-bi/", etcloudIvatApp:"/etcloud/etcloud-ivat/", etcloudSb: "/etcloud/etcloud-sb/", etcloudBiReport:"/etcloud/etcloud-report/", etcloudIvatAppZuul: "/etcloud/zuul/etcloud-ivat/", etcloudPdf:"/", etcloudSbZuul: "/etcloud/zuul/etcloud-sb/", },
MOCK:config.mock,
MOCK_URL: "${diskAddr}",
REAL_URL: "${config.realUrl}",
MOCK_DISKNO: mockDiskno,
IS_MAIN_DISK: config.isMainDisk,
NEED_INDEX: config.NEED_INDEX
}),
new CopyWebpackPlugin([{
context: path.resolve(__dirname, '../vendor/boots'),
from: 'fonts',
to: path.resolve(__dirname, '../dist/static/fonts'),
}
]),
],
}
`

`/**

• @description [应用根主入口文件]
• @Date 2016-05-22
  */
  import angular from 'angular'
  import uiRouter from 'angular-ui-router'
  import ngFileUpload from 'ng-file-upload'
  import 'angular-tree-control/context-menu'
  import treeControl from 'angular-tree-control'
  // 第三方库
  import nguitree from 'angular-ui-tree'
  // 组件和页面入口
  import components from 'components'
  import factory from 'common/factory'
  import services from 'common/services'
  import { appConfig } from 'app/config'
  import mainCtrl from 'app/mainCtrl'

// 统计中心
import statistics from 'app/statistics'
// 销项管理
import outputManage from 'app/outputManage'
// 系统管理
import system from 'app/system'
// 进项管理
import input from 'app/input'

// 登录首页和初始化
import main from 'app/main'
// 申报管理
import declaration from './app/declaration'
// 首页
import index from './app/index'

require('angular-ui-bootstrap')
require('common/global.js')
require('common/external.js')
// 样式
require('./etax/assets/font/iconfont.css')
// require('./assets/less/index.less')
require('./etax/assets/less1/index.less')

// 参数
// 定义模块
angular
.module('app', [uiRouter, 'ui.bootstrap', nguitree, treeControl, services, factory, ngFileUpload, components, system, main, statistics, outputManage, input, declaration, index])
.config(['$urlRouterProvider', '$stateProvider', '$httpProvider', '$sceDelegateProvider', '$locationProvider', appConfig]) // "chosenProvider",
.controller('mainCtrl', mainCtrl)
.run([
'$rootScope',
'$state',
'$stateParams',
function runBlock($rootScope, $state, $stateParams) {
$rootScope.$state = $state
$rootScope.$stateParams = $stateParams
},
])
// 覆盖angular-tree-controll 组件bug
.directive('treeRightClick', [
'$parse',
function treeRightClick($parse) {
return function (scope, element, attrs) {
const fn = $parse(attrs.treeRightClick)
element.bind('contextmenu', (event) => {
scope.$apply(() => {
fn(scope, { $event: event }) // go do our stuff
})
})
}
},
])
.filter('trust2Html', [
'$sce',
function ($sce) {
return function (val) {
return $sce.trustAsHtml(val)
}
},
])
`

from gridmanager.

import 'gridmanager/index.css';
import GridManager from 'gridmanager/angular-1.x';

angular.module('app', [uiRouter, 'ui.bootstrap', nguitree, treeControl, services, factory, ngFileUpload, components, system, main, statistics, outputManage, input, declaration, index, GridManager])

from gridmanager.

from gridmanager.

import GridManager from 'gridmanager/angular-1.x.js';

var index = angular.module("myApp", ['$gridManager']);

from gridmanager.

import GridManager from 'gridmanager/angular-1.x.js';

var index = angular.module("myApp", ['$gridManager']);

这样引入更不行啦，import引入的GridManager 都没有使用到

from gridmanager.