将外部库导入到javascript文件中

更新

我已经购买了一个名为的插件，我想在我的vue.js组件中使用它

当我试图以这种方式导入它的库时

<script>
    import {filepicker} from '../filepicker';
    import {filepickerdrop} from '../filepicker-drop';
</script>

当我第二次尝试

npm运行dev

时，它要求这样做

npm install --save fs net tls

我做了，第三次运行了

npm-run-dev

，它问我这个问题

npm install --save fs

未找到此依赖项：./node_modules/request/lib/har.js中的*fs

问题：它一直要求我安装此fs库

这些安装已将my

package.json

更新为

"dependencies": {
    "filepicker": "^0.2.0",
    "fs": "0.0.1-security",
    "net": "^1.0.2",
    "tls": "0.0.1"
}

这表明库文件选择器已成功安装，但找不到它所使用的库

fs security

这提到“此包名称当前未被使用”。这是什么意思

LakiGeri已建议根据这一点在本地安装FilePicker。上面的错误显示fs是需要安装的。我没有这个库来安装它。 拉基格里还建议遵循这一原则。我甚至不能导入它的库，所以我甚至不能开始对它的配置工作。 第三个建议是手动更新

package.json

文件中的依赖项。它已经被更新了

---

我还打开了一个问题。我在那里仍然没有反馈。

我进行了一些搜索，而这个文件选择器包的js库在npmjs.com上不可用。但是您可以从本地安装lib（选中此项），也可以在

package.json

中添加lib的路径，就像这样。在导入它之后，我认为您不应该做任何事情，但是如果它不起作用，您必须初始化这个库作为它的文档

---

我希望有帮助

插件作者刚刚回复并更新了自己的插件。 在

webpack.mix.js

中添加以下内容：

const path = require('path')

mix.webpackConfig({
    resolve: {
        alias: {
            'filepicker': path.join(__dirname, './resources/assets/js/vendor/filepicker'),
            'filepicker-ui': path.join(__dirname, './resources/assets/js/vendor/filepicker-ui'),
            'filepicker-drop': path.join(__dirname, './resources/assets/js/vendor/filepicker-drop'),
            'filepicker-crop': path.join(__dirname, './resources/assets/js/vendor/filepicker-crop'),
            'filepicker-camera': path.join(__dirname, './resources/assets/js/vendor/filepicker-camera'),
        }
    }
});

现在，您可以像这样导入文件选择器文件：

import 'filepicker';
import 'filepicker-ui';
import 'filepicker-drop';
import 'filepicker-crop';
import 'filepicker-camera';

现在它起作用了

---

非常感谢您的帮助。

我可以在源文件中添加任何导出以便导入吗？您是否使用npm处理js LIB？是的！我在后端也使用了Laravel5.4。你有没有按照医生说的安装？(). 你在地图上找到js库了吗？找到了。他的演示文件工作得非常好，因为它们被集成在php视图或html页面中使用。该插件显示，插件应该以这种方式导入到标记的末尾：

我甚至在包含Vue组件的文件中进行了导入，但在该组件中找不到脚本。我不确定是否正确安装了它，但这就是我所做的，以及根据建议的答案所得到的。我应该在特定的子文件夹中吗？文档（）还建议使用

composer

安装该软件包。正如您所看到的，在my package.json文件中已经有对filePicker的引用。这是否与问题有关？它表示当前未使用此程序包名称。在使用composer安装软件包之前，我在package.json中只有一个依赖项。我认为当您使用

npm install/path

命令时，lib可以在任何地方，因为npm安装会将重要内容复制到node_模块库。但老实说，我以前从未用过这个。我建议你更新这个问题，不要评论这个过程，因为这样别人很容易发现你的问题。：）不管怎样，你试过什么？你试过设置js的本地路径吗？如果我理解正确，那么我有本地的js库。它与npm兼容吗？是的，它确实创建了一个链接，当我运行

npm link filepicker

时，它只返回了这个链接，没有错误：

C:\www\projects\myproject\node\modules\filepicker->C:\Users\me\AppData\Roaming\npm\node\u modules\filepicker

import 'filepicker';
import 'filepicker-ui';
import 'filepicker-drop';
import 'filepicker-crop';
import 'filepicker-camera';