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

[cy17317443]

angularjs1.5的版本，通过npm安装包，并注入到程序中报错。
Module parse failed: Unexpected token (1:6139)
You may need an appropriate loader to handle this file type.

[baukh789]

可以参考下angular1.x的demo

[cy17317443]

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

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

[baukh789]

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

[cy17317443]

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

[BoWang816]

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

[cy17317443]

感谢您的邮件回复，webpack配置，和程序的主入口文件我都放在附件里面了，请帮我检查一下是什么问题。

…

------------------ 原始邮件 ------------------ 发件人: "baukh789/GridManager" ***@***.***>; 发送时间: 2023年4月14日(星期五) 下午5:04 ***@***.***>; ***@***.******@***.***>; 主题: Re: [baukh789/GridManager] 关于angularjs引入GridManager报错的问题请教。且readme留的二维码已经失效了。 (Issue #285) 可以把你的webpack配置放出来看看 — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>

[BoWang816]

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

[cy17317443]

`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)
}
},
])
`

[BoWang816]

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])

[cy17317443]

我已经这样做过了，但是我启动程序就会报错。因为要开发别的功能我就暂时把那个引入又去掉了的。

…

------------------ 原始邮件 ------------------ 发件人: "baukh789/GridManager" ***@***.***>; 发送时间: 2023年4月14日(星期五) 下午5:23 ***@***.***>; ***@***.******@***.***>; 主题: Re: [baukh789/GridManager] 关于angularjs引入GridManager报错的问题请教。且readme留的二维码已经失效了。 (Issue #285) 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]) — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>

[runrunlolz]

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

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

[cy17317443]

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

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

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