Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

<script setup lang="ts"> 时vscode提示错误 #1

Closed
dmskys opened this issue May 18, 2022 · 17 comments
Closed

<script setup lang="ts"> 时vscode提示错误 #1

dmskys opened this issue May 18, 2022 · 17 comments

Comments

@dmskys
Copy link

dmskys commented May 18, 2022

无法找到模块“@/lib/amap-wx.130.js”的声明文件

@sonofmagic
Copy link
Owner

哦哦,我默认用的 typescript ,这个下载到的就是 js 文件,没有 .d.ts 文件,你直接忽略这个模块,或者 declare module 一下就行

@dmskys
Copy link
Author

dmskys commented May 18, 2022

声明上了这个declare module 'AMapWX'; 不起作用.

@sonofmagic
Copy link
Owner

那我们干脆这样写

// @ts-ignore
import amapFile from '../../lib/amap-wx.130.js'

高德地图这个 sdk 的确官方没有给 .dts 文件,自己维护也挺烦的

@dmskys
Copy link
Author

dmskys commented May 18, 2022

又发现一个问题 npm run dev:mp-weixin 时 无法加载模块
vite v2.9.6 building for development...
Error when using sourcemap for reporting an error: Can't resolve original location of error.
'default' is not exported by src/lib/amap-wx.130.js, imported by src/pages/order/create.vue
at pages/order/create.vue:14:7
12: import { reactive, toRefs } from "vue";
13: import { useUserStore } from "@/store/modules/user";
14: import amapFile from "@/lib/amap-wx.130.js";

@sonofmagic
Copy link
Owner

你是用的我这个 demo 吗?我这里面额外安装了 @rollup/plugin-commonjs ,注册在 vite.config.ts 来加载 amap-wx.130.js,你可以看一下我项目里的 README.md 文件的呢。

@dmskys
Copy link
Author

dmskys commented May 18, 2022

不好意思,忘记配置vite.config.ts了 可以了 谢谢!

@dmskys dmskys closed this as completed May 18, 2022
@dmskys dmskys reopened this May 18, 2022
@dmskys
Copy link
Author

dmskys commented May 18, 2022

不好意思,编译没问题,运行又出问题了。。。
17:40:02 [vite] [plugin:vite:import-analysis] Failed to resolve import "commonjsHelpers.js" from "src/lib/amap-wx.130.js". Does the file exist?
at lib/amap-wx.130.js:1:35
1 | import * as commonjsHelpers from "commonjsHelpers.js";

运行你的demo 加上<script setup lang="ts"> 也是这个结果,你下班可以看看,顺便写个ts的demo吧。

@sonofmagic
Copy link
Owner

我最新的demo里面,把原先的2个文件,都改成了 lang="ts" 的形式,并没有复现这个错误,都是可以正常运行的。
你是不是没有加环境变量?可以像我 .env.sample 那样配置一下 .env 里的值,地图信息就有了。
image

@dmskys
Copy link
Author

dmskys commented May 18, 2022

明天我试试,谢谢

@dmskys
Copy link
Author

dmskys commented May 19, 2022

我这里还是没有解决,用的你的demo。

网页捕获_19-5-2022_8515_192 168 1 7

@dmskys
Copy link
Author

dmskys commented May 19, 2022

本地版本信息:

➜ uni-app-vue3-for-amap-wx git:(main) ✗ npm --version
8.10.0
➜ uni-app-vue3-for-amap-wx git:(main) ✗ npm info vue version
3.2.33
➜ uni-app-vue3-for-amap-wx git:(main) ✗ npm info vite version
2.9.9
➜ uni-app-vue3-for-amap-wx git:(main) ✗

@sonofmagic
Copy link
Owner

sonofmagic commented May 19, 2022

我怀疑是nodejs 版本的问题,我的 nodejs版本是 16
@rollup/plugin-commonjs 22 这个版本最低要求的nodejs版本是 12
https://github.com/rollup/plugins/blob/master/packages/commonjs/CHANGELOG.md#v2200
可以给这个包降级试试

@dmskys
Copy link
Author

dmskys commented May 19, 2022

➜ uni-app-vue3-for-amap-wx git:(main) ✗ node -v
v17.7.2
我的nodejs 版本是17 你升级到17看看

@sonofmagic
Copy link
Owner

额,nodejs我自己是不用奇数版本的.....你这个问题我去看看issue把

@dmskys
Copy link
Author

dmskys commented May 19, 2022

我改回node 16试试

@sonofmagic
Copy link
Owner

rollup/plugins#986
你给 @rollup/plugin-commonjs 降级到 21 试试, 22这个版本有些机器有问题。

@dmskys
Copy link
Author

dmskys commented May 19, 2022

试了下,跟nodejs版本没有关系,node 16版本问题依旧存在,确实是插件的版本的问题, "@rollup/plugin-commonjs": "21.1.0" 问题解决。

@dmskys dmskys closed this as completed May 19, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants