baukh789
commented
1 year ago 可以参考下angular1.x的demo
Open cy17317443 opened 1 year ago
cy17317443
commented
1 year ago 感谢回复，我看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
commented
1 year ago import 'gridmanager/index.css'; import GridManager from 'gridmanager/angular-1.x';
cy17317443
commented
1 year ago 我也不知道是webpack工程环境问题，还是我安装的版本问题，始终不能正常引入到项目中，一直都报那个错。【叹气】
BoWang816
commented
1 year ago 可以把你的webpack配置放出来看看
cy17317443
commented
1 year ago 感谢您的邮件回复，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
commented
1 year ago 没有的哈，github issue不支持邮件这样子的
cy17317443
commented
1 year ago `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'),
}
]),
],
}
`
`/**
// 统计中心 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
commented
1 year ago 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
commented
1 year ago 我已经这样做过了，但是我启动程序就会报错。因为要开发别的功能我就暂时把那个引入又去掉了的。
------------------ 原始邮件 ------------------ 发件人: "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
commented
1 year ago import GridManager from 'gridmanager/angular-1.x.js';
var index = angular.module("myApp", ['$gridManager']);
cy17317443
commented
1 year ago import GridManager from 'gridmanager/angular-1.x.js';
var index = angular.module("myApp", ['$gridManager']);
这样引入更不行啦，import引入的GridManager 都没有使用到
angularjs1.5的版本，通过npm安装包，并注入到程序中报错。 Module parse failed: Unexpected token (1:6139) You may need an appropriate loader to handle this file type.