在Vue项目中导入js文件会引发错误答案

【问题标题】：importing js file in Vue project throws error在Vue项目中导入js文件会引发错误
【发布时间】：2018-04-28 15:42:44
【问题描述】：

我做了一个npm install mobius1-selectr

并将其导入我的main.js

import 'mobius1-selectr/dist/selectr.min.css';
import 'mobius1-selectr/dist/selectr.min.js';

但是一旦我导入我就会得到这个异常：

You must supply either a HTMLSelectElement or a CSS3 selector string.

来自selectr的来源。

在webpack/main.js中是不是不能这样导入？

我做错了什么？任何帮助表示赞赏。

【问题讨论】：

【解决方案1】：

是的，您的导入不正确。该库使用 UMD 导出 Selectr 构造函数。您正在使用 Webpack，因此在您的情况下默认导入应该可以工作：

import Selectr from 'mobius1-selectr'

【讨论】：

谢谢，但这无济于事。我尝试了 import {Selectr} from 'mobius1-selectr/dist/selectr.min.js'; 和 import Selectr from 'mobius1-selectr/dist/selectr.min.js'; and import Selectr from 'mobius1-selectr'` 仍然得到同样的错误。有什么想法吗？
import Selectr from 'mobius1-selectr' 是你应该怎么做的。展示你如何使用Selectr。
import Selectr from 'mobius1-selectr' 不起作用。仍然得到同样的错误。此外，我根本没有使用过 Selectr。我只是在尝试集成库，但一导入就会出现此错误。
这是一个证明它应该有效的证据：codesandbox.io/s/l99y6m401z。如果它不适合你，那么还有别的东西。此错误还表明您正在使用 Selectr，因为当您调用此函数时会引发此错误（使用不正确的参数）。
我检查了源代码，发现这个包使用了 UMD 模式（参见 package.json 主字段）。此外，您几乎从不想使用路径来导入东西（也许只有 CSS）。然后，由于您使用的是 Webpack，您可以使用 require 或 import 导入此库。