导入外部 js 文件时，Vue 3 纱线服务卡在 42%

Posted 2023-03-13

【中文标题】导入外部 js 文件时，Vue 3 纱线服务卡在 42%

【英文标题】：Vue 3 yarn serve stuck at 42% when importing external js file

【发布时间】：2022-01-09 02:12:58

【问题描述】：

当我尝试将外部 js 文件导入 main.ts 时，Vue 3 yarn serve 停留在 42%。

这是导致问题的原因：

ma​​in.ts

import '@/assets/js/jquery.min.js';

没有错误只是停留在：

42% 建造 267/276 个模块 9 个活跃 /Users/mark/Documents/workspace/testapp/test-web/node_modules/html-entities/lib/surrogate-pairs.js

当我尝试导入 any 外部 js 文件时，我遇到了同样的问题。

由于没有这样的错误输出，谁能告诉我我做错了什么？

【参考方案1】：

您是否将 jquery javascript 文件放在该文件夹中？ 尝试使用 package.json 添加依赖并像这个例子一样导入它 https://www.npmjs.com/package/jquery

我看到您正在使用 typescript 因为您的 main.ts 文件，并且当您在项目中使用 typescript 时，应用程序通常无法编译 js 文件

【讨论】：

感谢您的回复。正确的是我使用的是打字稿，外部文件是普通的 js。那么在使用打字稿时有没有办法做到这一点？

感谢您的评论帮助我找到了问题。事实上，通过使用一个包，它现在可以工作了。