Vue 3 project strange behaviors

未关闭
#126 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
4/5
预计耗时
3-5 天
新手友好度
25/100
Issue 类型
缺陷
描述清晰度
需要澄清
活跃度
停滞
技术栈
typescript, webpack

调研方向

从 vue.config.js 中报告的 Vue 3 项目配置开始,使用所示的 webpack-obfuscator 选项和 seeds 重现控制台错误。比较不同配置下的 selector 错误和 charAt 错误,然后查看相关 issue #123 中的讨论或发现。完成的标准是确定一个可重现的不兼容问题,或确定一个能够阻止这些错误的特定排除项/配置。

由索引模型根据 Issue 内容生成。

描述

I'm not quite sure how to structure this issue, so here it goes.

I created a Vue 3 project with webpack and typescript, then modified the vue.config.js file and tested some options. I'm not sure if there is a function name or a file I'm expected to exclude somehow.

Seed is 0, most of the time I get console errors, sometimes it works in different ways.

const WebpackObfuscator = require('webpack-obfuscator');
module.exports = {
	transpileDependencies: true,
	configureWebpack: {
		plugins: [
			new WebpackObfuscator({
				compact: true,
				rotateStringArray: true
			})
		]

	}
};

Seed 9055:
image

Seed 905555:
image

Seed 221155
Page empty: Console error:
Uncaught DOMException: Document.querySelector: 'style[data-vue-ssr-id~=\x22449b31f0:0\x22]' is not a valid selector

With more options:

			new WebpackObfuscator({
				compact: true,
				identifierNamesGenerator: 'mangled-shuffled',
				rotateStringArray: true,
				seed: 0,
				selfDefending: true,
				shuffleStringArray: true,
				simplify: true,
				stringArray: true,
				stringArrayIndexesType: [
					'hexadecimal-number'
				],
				stringArrayEncoding: ['base64'],
				stringArrayIndexShift: true,
				stringArrayWrappersCount: 1,
				stringArrayWrappersChainedCalls: true,
				stringArrayWrappersParametersMaxCount: 2,
				stringArrayWrappersType: 'variable',
				stringArrayThreshold: 0.75,
				target: 'browser',
			})

Console error Uncaught TypeError: can't access property "charAt", G is undefined

image

Am I missing something I should be doing ? Or is it an issue with webpack-obfuscator?
Might be related to #123

主要语言
TypeScript
星标
930
派生
92
PR 合并指标
30 天内没有已合并 PR

环境准备

这个项目没有提供开发容器、Dockerfile 或贡献指南,环境需要你自己搭建:先看它的 README,通用步骤见我们的新手贡献指南。

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

javascript-obfuscator/webpack-obfuscator 的其他 Issue

查看 javascript-obfuscator/webpack-obfuscator 的全部 Issue

相似的 Issue

更多 TypeScript Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。