lisonge / vite-plugin-monkey

A vite plugin server and build your.user.js for userscript engine like Tampermonkey, Violentmonkey, Greasemonkey, ScriptCat
MIT License
1.33k stars 70 forks source link

导入vue时的相对参考路径问题 #36

Closed Sokwva closed 1 year ago

Sokwva commented 1 year ago

前提:只修改了vite.config.js中的match。 控制台: Uncaught TypeError: Failed to resolve module specifier "vue". Relative references must start with either "/", "./", or "../".

lisonge commented 1 year ago

可否上传错误示例代码到 github

Sokwva commented 1 year ago

可否上传错误示例代码到 github

我是刚刚才使用npm create创建的项目,其中只修改了vite.config.js,其他的地方都没有进行过修改。

lisonge commented 1 year ago

可否上传错误示例代码到 github

我是刚刚才使用npm create创建的项目,其中只修改了vite.config.js,其他的地方都没有进行过修改。

请问使用的是 https://github.com/lisonge/vite-plugin-monkey/tree/main/packages/create-monkey 内的哪个模板?

Sokwva commented 1 year ago

可否上传错误示例代码到 github

我是刚刚才使用npm create创建的项目,其中只修改了vite.config.js,其他的地方都没有进行过修改。

请问使用的是 https://github.com/lisonge/vite-plugin-monkey/tree/main/packages/create-monkey 内的哪个模板?

vue ts

lisonge commented 1 year ago

请问修改后的 vite.config.ts 内容是什么?

Sokwva commented 1 year ago

仅将14行修改为match: ["https://www.baidu.com"],其他地方没有进行修改

Sokwva commented 1 year ago

请问修改后的 vite.config.ts 内容是什么?

执行npm create monkey之后,修改vite.config.js的内容,将match的google改为baidu,然后执行npm run dev,之后弹出浏览器的窗口,安装完此编译的脚本之后去baidu刷新,在控制台发现的错误。

lisonge commented 1 year ago

请问你使用的脚本管理器是哪个?

Sokwva commented 1 year ago

请问你使用的脚本管理器是哪个?

使用的 Tampermonkey 4.16.1,从Edge浏览器的加载项商店安装,操作系统是Windows 10,Edge:108.0.1462.54。

lisonge commented 1 year ago

我使用 violentmonkey,但是 // @match https://www.baidu.com 并不匹配我打开的任何一个标签

我需要至少更改成 // @match https://www.baidu.com/ 才会匹配

Sokwva commented 1 year ago

我使用 violentmonkey,但是 // @match https://www.baidu.com 并不匹配我打开的任何一个标签

我需要至少更改成 // @match https://www.baidu.com/ 才会匹配

我刚刚直接打开油猴脚本管理器,打开此脚本的编辑器,在其中第一行之前加入了一条打印信息,发现其就算没有在结尾加"/",也能执行。我稍后换为violentmonkey测试一下。

lisonge commented 1 year ago

当我使用 tampermonkey 时,我打开 https://www.baidu.com/ 能正常加载脚本

image

lisonge commented 1 year ago

可否把控制台报错日志截图看看?我无法复现你遇到的错误

Sokwva commented 1 year ago

可否把控制台报错日志截图看看?我无法复现你遇到的错误

屏幕截图 2022-12-22 160101

就只有一行报错,刚刚使用的暴力猴也是如此的报错,只不过暴力猴会在安装的时候提示需要在match的结尾加上/

lisonge commented 1 year ago

查看 Devtools - 元素 一栏看看第一个script标签是否和截图里的一致呢

image

lisonge commented 1 year ago

也许是 node 版本问题?请问你的 node 版本是多少呢

Sokwva commented 1 year ago

第一个script标签内容不一致,node版本是v18.12.1

lisonge commented 1 year ago

第一个script标签内容不一致

那么这个 script 标签的 text 属性是什么呢?


node版本是v18.12.1

当我使用 node@18.12.1 时,我仍然没有复现你的错误

Sokwva commented 1 year ago

第一个script标签内容不一致

那么这个 script 标签的 text 属性是什么呢?

node版本是v18.12.1

当我使用 node@18.12.1 时,我仍然没有复现你的错误

抱歉,刚刚看错了,script标签内容是一致的,我刚刚使用其他的系统测试了一下(Windows 10 LTSB 21H1,Edge,油猴,Node v18.0.02)却没问题,应该是我这台电脑系统的环境问题。

屏幕截图 2022-12-22 161418
Sokwva commented 1 year ago

谢谢您的解答(ノ゚∀゚)ノ

Sokwva commented 1 year ago

刚刚对比了一下,右边是另一台可行的,左边是有问题的,好像明显少了很多文件

屏幕截图 2022-12-22 164700
lisonge commented 1 year ago

你可以尝试使用 pnpm 管理依赖

image

Sokwva commented 1 year ago

你可以尝试使用 pnpm 管理依赖

image

我晚上将之前那一台能成功的电脑的环境切换到18.12并切换到pnpm时,终于也出现了一样的状况了・゚( ノヮ´ ),确实是环境问题