activereportsJs设计器集成到vue3页面混乱

登录

我想把设计器集成到vue3的前端页面,但是设计器页面混乱了

以下是我的代码部分

但是我导入报表时候是正常的

wilson_19 · wilson_19

Eden.Sun 发表于 2024-8-5 15:40
这个看不出来具体的问题，从报错来看，您的环境是saas场景吗？是不是这种平台下的vue声明方式有什么不同 ...

谢谢,我把所有的依赖重新下一遍,问题就解决了.

Eden.Sun · Eden.Sun

问题描述：
集成样式错乱。

问题解决：
您好，不报这个看着像是样式没有加载出来。您控制台看一下，是不是有什么报错，有哪些资源没有正常请求到。

wilson_19 · wilson_19

Eden.Sun 发表于 2024-8-5 09:36
问题描述：
集成样式错乱。

以下是报错代码. 第一条error中的.7z压缩文件是WjAutoComplete.7z,我已经在components解压了,剩下一些Sass得warning我没弄掉,控制台打印如下

ERROR 10:18:42 [vite] Pre-transform error: Failed to parse source for import analysis because the content contains invalid JS syntax. You may need to install appropriate plugins to handle the .7z file format, or if it's an asset, add "**/*.7z" to assetsInclude in your configuration.
Deprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
╷
94 │ ┌ & > i {
95 │ │ display: block;
96 │ │ }
│ └─── nested rule
97 │ color: var(--vxe-primary-color);
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
╵
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\export.scss 97:7 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\modules.scss 8:9 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\default.scss 3:9 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\index.scss 4:9 @import
src\components\VxeTable\src\css\index.scss 5:9 root stylesheet
Deprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
┌──> node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\custom.scss
88 │ overflow: hidden;
│ ^^^^^^^^^^^^^^^^ declaration
╵
┌──> node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\helpers\mixin.scss
40 │ ┌ .vxe-checkbox--label {
41 │ │ padding-left: 0.5em;
42 │ │ vertical-align: middle;
43 │ │ }
│ └─── nested rule
╵
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\custom.scss 88:3 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\modules.scss 9:9 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\default.scss 3:9 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\index.scss 4:9 @import
src\components\VxeTable\src\css\index.scss 5:9 root stylesheet
Deprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
┌──> node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\custom.scss
89 │ text-overflow: ellipsis;
│ ^^^^^^^^^^^^^^^^^^^^^^^ declaration
╵
┌──> node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\helpers\mixin.scss
40 │ ┌ .vxe-checkbox--label {
41 │ │ padding-left: 0.5em;
42 │ │ vertical-align: middle;
43 │ │ }
│ └─── nested rule
╵
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\custom.scss 89:3 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\modules.scss 9:9 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\default.scss 3:9 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\index.scss 4:9 @import
src\components\VxeTable\src\css\index.scss 5:9 root stylesheet
Deprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
┌──> node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\custom.scss
90 │ white-space: nowrap;
│ ^^^^^^^^^^^^^^^^^^^ declaration
╵
┌──> node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\helpers\mixin.scss
40 │ ┌ .vxe-checkbox--label {
41 │ │ padding-left: 0.5em;
42 │ │ vertical-align: middle;
43 │ │ }
│ └─── nested rule
╵
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\custom.scss 90:3 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\modules.scss 9:9 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\default.scss 3:9 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\index.scss 4:9 @import
src\components\VxeTable\src\css\index.scss 5:9 root stylesheet
Deprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.
More info: https://sass-lang.com/d/mixed-decls
┌──> node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\custom.scss
91 │ flex-grow: 1;
│ ^^^^^^^^^^^^ declaration
╵
┌──> node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\helpers\mixin.scss
40 │ ┌ .vxe-checkbox--label {
41 │ │ padding-left: 0.5em;
42 │ │ vertical-align: middle;
43 │ │ }
│ └─── nested rule
╵
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\custom.scss 91:3 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\modules.scss 9:9 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\default.scss 3:9 @import
node_modules\.pnpm\vxe-table@4.6.18_vue@3.3.4\node_modules\vxe-table\styles\index.scss 4:9 @import
src\components\VxeTable\src\css\index.scss 5:9 root stylesheet
Warning: 8 repetitive deprecation warnings omitted.

复制代码

Eden.Sun · Eden.Sun

wilson_19 发表于 2024-8-5 10:20
以下是报错代码. 第一条error中的.7z压缩文件是WjAutoComplete.7z,我已经在components解压了,剩下一些Sas ...

这个看不出来具体的问题，从报错来看，您的环境是saas场景吗？是不是这种平台下的vue声明方式有什么不同：

您这边方便提供一个可以复现问题的demo么。我们具体看一下。

Eden.Sun · Eden.Sun

wilson_19 发表于 2024-8-5 15:47
谢谢,我把所有的依赖重新下一遍,问题就解决了.

哦哦，好的好的，那可能是版本上的问题，解决了就行，那我把帖子关闭，您有其他问题在开新帖解决。

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

[已处理] activereportsJs设计器集成到vue3页面混乱

最佳答案

5 个回复

本帖子中包含更多资源

Wyn高级认证

Wyn认证