若依vue引入@grapecity/activereports会报错

Felix.Li

本帖最后由叫我壮志凌云于 2023-11-6 11:17 编辑

[backcolor=rgba(0, 0, 0, 0.85)]./node_modules/@grapecity/activereports/lib/node_modules/@grapecity/ar-js-pdf.js 13:460555Module parse failed: Unexpected token (13:460555)You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders| * Description: ActiveReportsJS PageReport PDF export module| */

@ ./node_modules/@grapecity/activereports/pdfexport/index.js 1:17-71
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/views/print/index.vue?vue&type=scrip
t&lang=js
@ ./src/views/print/index.vue?vue&type=script&lang=js
@ ./src/views/print/index.vue
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://192.168.3.4:80&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

以上为错误信息

Felix.Li · Felix.Li

看您这个报错，是因为程序缺少对应的loader去加载相应的模块。
看您引入的是ar-js-pdf.js。猜测应该是没有处理对应js的loader加载器。
可以使用babel-loader去加载js。
操作步骤:
下载babel-loader npm i babel-loader
然后配置处理文件:
在对应的webpack或者您自己的项目框架的config中配置:

module: {
rules: [
{
test: /@grapecity\/ar-js-pdf\.js$/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
}

复制代码

Bella.Yuan · Bella.Yuan

您好，可以参考下面的链接的步骤重新进行集成操作。

https://demo.grapecity.com.cn/ac ... tart/QuickStart-Vue

叫我壮志凌云 · 叫我壮志凌云

Bella.Yuan 发表于 2023-11-6 12:18
您好，可以参考下面的链接的步骤重新进行集成操作。

https://demo.grapecity.com.cn/activereportsjs/do ...

我按照官网重新引入了一边当我需要引入导出pdf的依赖时还是会出现这个错误 import "@grapecity/activereports/pdfexport"; 当我不引入这个依赖的时候则不会但是导出pdf功能就会失效

叫我壮志凌云 · 叫我壮志凌云

Felix.Li 发表于 2023-11-6 14:42
看您这个报错，是因为程序缺少对应的loader去加载相应的模块。
看您引入的是ar-js-pdf.js。猜测应该是没有 ...

我这边按照您的建议进行了操作还是提示同样的错误信息

Bella.Yuan · Bella.Yuan

叫我壮志凌云发表于 2023-11-6 15:26
我这边按照您的建议进行了操作还是提示同样的错误信息

您好，这个错是没有处理对应js的loader加载器，并不是arjs影响的，帮您找了几个链接，您参考看看。
https://www.cnblogs.com/canjiaXQD/p/14994767.html，https://stackoverflow.com/questi ... -with-webpack-and-b

叫我壮志凌云 · 叫我壮志凌云

Felix.Li 发表于 2023-11-6 11:14
看您这个报错，是因为程序缺少对应的loader去加载相应的模块。
看您引入的是ar-js-pdf.js。猜测应该是没有 ...

我按照您给的示例进行了添加还是不好使我这边是vue.config.js
config.module
   .rule('ar-js-pdf')
   .test(/@grapecity\/ar-js-pdf\.js$/)
   .use('babel-loader')
   .loader('babel-loader')
   .options({
      presets: ['@babel/preset-env']
   })
   .end();

Eden.Sun · Eden.Sun

叫我壮志凌云发表于 2024-3-11 10:26
我按照您给的示例进行了添加还是不好使我这边是vue.config.js
config.module
.rule('ar-js- ...

您参考这个帖子试试呢：
https://gcdn.grapecity.com.cn/showtopic-200255-1-1.html

叫我壮志凌云 · 叫我壮志凌云

Eden.Sun 发表于 2024-3-11 11:26
您参考这个帖子试试呢：
https://gcdn.grapecity.com.cn/showtopic-200255-1-1.html

按照他这个升级了然后还有config的配置现在编译都过不去了

叫我壮志凌云 · 叫我壮志凌云

Eden.Sun 发表于 2024-3-11 11:26
您参考这个帖子试试呢：
https://gcdn.grapecity.com.cn/showtopic-200255-1-1.html

我这边和demo对比了一下我这边的webpack 是4.47.0 不能安装高版本的 node-sass 以及sass-loader

		自动登录	找回密码
密码			立即注册

[已处理] 若依vue引入@grapecity/activereports会报错

最佳答案

18 个回复

Wyn高级认证

Wyn认证