正文 

当前位置： 首页 > 知识 >

这个 npm 包可以导入吗？

     2023-05-09     271

关键词：

【中文标题】这个 npm 包可以导入吗？【英文标题】：Can this npm package be imported? 【发布时间】：2018-10-17 23:24:05 【问题描述】：

您好，我正在尝试将一个名为“jquery.terminal”的 npm 包导入到我的项目中。

我正在通过命令行使用 browserify 来转换 require("jquery.terminal");解释器将语句转换成可读的代码。

这是我当前的代码。

require("jquery.terminal");

jQuery(function($, undefined) 
    $('#term_demo').terminal(function(command) 
        if (command !== '') 
            try 
                var result = window.eval(command);
                if (result !== undefined) 
                    this.echo(new String(result));
                
             catch(e) 
                this.error(new String(e));
            
         else 
           this.echo('');
        
    , 
        greetings: 'JavaScript Interpreter',
        name: 'js_demo',
        height: 200,
        prompt: 'js> '
    );
);

这是 npm https://github.com/jcubic/jquery.terminal 上的包

这是我的错误

jQuery.Deferred exception: $(...).terminal is not a function TypeError: $(...).terminal is not a function
    at HTMLDocument.<anonymous> (file:///C:/Dev/term-game/bundle.js:6:21)
    at mightThrow (file:///C:/Dev/term-game/bundle.js:11049:29)
    at process (file:///C:/Dev/term-game/bundle.js:11117:12) undefined
jQuery.Deferred.exceptionHook @ bundle.js:11333
process @ bundle.js:11121
setTimeout (async)
(anonymous) @ bundle.js:11155
fire @ bundle.js:10783
fireWith @ bundle.js:10913
fire @ bundle.js:10921
fire @ bundle.js:10783
fireWith @ bundle.js:10913
ready @ bundle.js:11393
completed @ bundle.js:11403
bundle.js:6 Uncaught TypeError: $(...).terminal is not a function
    at HTMLDocument.<anonymous> (bundle.js:6)
    at mightThrow (bundle.js:11049)
    at process (bundle.js:11117)

【问题讨论】：

你遇到了什么错误？ 我更新了 m 问题以包含控制台错误 您是否尝试过先将 jQuery 添加到全局对象中？ global.jQuery = require("jquery") 然后需要终端插件？ 【参考方案1】：

你需要包含 jQuery，这样你就有了 jQuery 对象，然后 jQuery 终端还使用 UMD jQuery 终端使用 require 来调用一个函数并将所有依赖项传递给它，在这种情况下它只是 jQuery。

var $ = require('jquery');
require('jquery.terminal')($);

$('#term').terminal();

【讨论】：

这不起作用，仍然收到错误。该软件包正在导出为 UMD 模块，因此它应该可以工作，但我仍然遇到 browserify 问题。有替代品吗？ @TheHoop 我已经更新了执行插件返回的函数并将依赖项传递给它所需的答案，这就是 UMD 的工作方式。如果你想在包中包含 css 文件，你可以将 webpack 与 css + 样式加载器一起使用。

Laravel如何导入通过NPM安装的vuejs包

...是什么？我不知何故似乎无法导入文件。我正在尝试导入这个包：https://github.com/sagalbot/vue-selec 查看详情

Nuxt.js - 全局导入自定义 NPM 包

...描述】：Nuxt的插件/模块系统非常复杂，因此我无法完成这个非常简单的任务，即使在SO上查看了其他一些答案之后也是如此。我已经安装了NPM包csv-parse（找到了here），然后我在我的项目的plugins目录中创建了一个名为csv-parse.j 查看详情

无法像 NPM 包一样捆绑要导入的 Web Worker

...：2019-09-2311:23:11【问题描述】：我的目标是能够发布一个可以正常导入的WebWorkerNPM包（importMyPkgfrom\'my-pkg\'），而不需要用户使用worker-loader（内联或其他方式）导入它为此，我尝试使用Babe 查看详情

开发npm包

1、创建项目，使用npminitname：填写你这个包的名字，默认是你这个文件夹的名字。注：最好先去npm上找一下有没有同名的包。也可以在命令行里面输入npminstall你要取的名字，如果报错，npm上没有跟你同名的包。version：你这个包... 查看详情

既然 Meteor 0.6.0+ 支持 npm 包，Meteorite 还相关吗？

...然相关，使用它是否有任何优点/缺点？【问题讨论】：这个问题已经过时了。陨石现在是陨石的一部分。 查看详情

Visual Studio 无法识别导入的 npm 包？

】VisualStudio无法识别导入的npm包？【英文标题】：VisualStudiodoesn\'trecogniseimportednpmpackage?【发布时间】：2017-01-0112:55:48【问题描述】：在VisualStudio中将npm包导入我的项目时，有时我总是感到困惑，无论我刷新文件夹多少次，这些包... 查看详情

使用范围导入本地 npm 包

】使用范围导入本地npm包【英文标题】：Importlocalnpmpackageusingscope【发布时间】：2019-08-2117:27:18【问题描述】：我的单一仓库：/app1package.json/app2package.json/sharedpackage.jsonshared/package.json有"name":"@company/shared"。应用项目... 查看详情

NPM 包：最佳实践和公开多个导入路径

】NPM包：最佳实践和公开多个导入路径【英文标题】：NPMpackage:bestpracticesandexposingmultipleimportpaths【发布时间】：2019-07-0920:11:45【问题描述】：我创建了一个使用Webpack和Babel进行转译/捆绑的NPM包。在我的package.json中，我的主要设... 查看详情

如何在 npm 包中导出和导入样式？

】如何在npm包中导出和导入样式？【英文标题】：howtoexportandimportstyleinnpmpackage?【发布时间】：2017-03-1501:28:04【问题描述】：我有一个React组件，我在使用webpack构建的NPM注册表中发布了该组件。在我的主项目中，我像这样使用了... 查看详情

在 Visual Studio Code 中从 NPM 包自动导入

】在VisualStudioCode中从NPM包自动导入【英文标题】：AutoImportfromNPMpackagesinVisualStudioCode【发布时间】：2018-08-0409:48:26【问题描述】：我只是想通过VSCode中的智能感知自动导入TypeScript，就像C#在VisualStudio中已有很长时间了。使用TypeScr... 查看详情

我应该在部署之前构建一个打字稿 npm 模块吗？

...题是我不确定是否应该先构建typescript包然后使用npm本地导入它，或者是否有自动构建过程npm将在安 查看详情

typescript npm 包 - 如何不必从“dist/”导入

】typescriptnpm包-如何不必从“dist/”导入【英文标题】：typescriptnpmpackage-howtonothavingtoimportfrom"dist/"【发布时间】：2020-02-2113:25:37【问题描述】：我正在尝试构建一个实用程序npm包。在我的src目录中，我有一堆声明多个接口/... 查看详情

ProGet 不从 Drop Path 导入 npm 包

】ProGet不从DropPath导入npm包【英文标题】：ProGetnotimportingnpmpackagesfromDropPath【发布时间】：2017-08-0616:49:57【问题描述】：我正在迁移到最新版本的ProGet。我目前使用的是3.8.6版本，因此与稳定版本相差甚远。我决定重新开始，迁移... 查看详情

无法导入已安装的 uuid npm 包

】无法导入已安装的uuidnpm包【英文标题】：Can\'timportinstalleduuidnpmpackage【发布时间】：2022-01-2116:37:45【问题描述】：我用npmiuuid安装了uuid并尝试按照说明使用importv4asuuidv4from\'uuid\';导入。我检查了node_modules文件夹并且uuid在那里。... 查看详情

python可以“从包导入module.symbol_name”吗？

】python可以“从包导入module.symbol_name”吗？【英文标题】：Canpythondo"frompackageimportmodule.symbol_name"?【发布时间】：2014-04-1719:38:10【问题描述】：根据http://docs.python.org/2/reference/simple_stmts.html#the-import-statement，我们可以使用从... 查看详情

批量导入npm包依赖到nexus私服（批量上传脚本）(代码片段)

...上传到内网环境的Nexus中的需求。不想了解过程的，可以直接到文章底部拷 查看详情

批量导入npm包依赖到nexus私服（批量上传脚本）(代码片段)

...上传到内网环境的Nexus中的需求。不想了解过程的，可以直接到文章底部拷 查看详情

npm包发布(代码片段)

...version<update_type>进行修改，update_type有三个参数patch：这个是补丁；minor：这个是小改；major：这个是大改；比如我想来个1.0.1版本，注意，是最后一位修改了增1，那么命令：npmversionpatch  回车就可以了；比如我想来个1.... 查看详情