javascript - webpack 和 jquery-minicolors : TypeError: element.minicolors is not a function
问题描述
我需要使用 webpack 在我的 Angular 应用程序中使用 jquery-minicolors NPM 包。
我安装了它,yarn add jquery-minicolors
并且还在import 'jquery-minicolors'
我的应用程序中添加了它,但出现以下错误:
TypeError: element.minicolors is not a function
at initMinicolors (https://localhost/packs/application-4e03b2893762c0222662.js:244728:19)
at Object.link (https://localhost/packs/application-4e03b2893762c0222662.js:244751:9)
...
进一步查看源代码,我看到以下内容:
(function (factory) {
if(typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(['jquery'], factory);
} else if(typeof exports === 'object') {
// Node/CommonJS
module.exports = factory(require('jquery'));
} else {
// Browser globals
factory(jQuery);
}
}(function ($) {
...
所以我猜webpack没有正确导入它。
我已经更新了我的 webpack 配置,添加了这个:
environment.plugins.append('Provide', new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
}))
environment.loaders.append('jquery-minicolors', {
test: require.resolve('jquery-minicolors'),
loader: 'imports-loader?this=>window,define=>false,$=jquery'
})
但是我仍然有JS错误。
你能帮我解决这个问题吗?
解决方案
推荐阅读
- yii2 - Urlmanager中的yii2冲突
- reactjs - 如何使用带有 strophe 库的 ejabber 服务器将消息发送到群聊?
- node.js - 使用 express + bootstrap 模式时 POST 不起作用
- amazon-web-services - 配置 Envoy 以使用 AWS ECS 和 Route53 生成的 SRV 记录
- java - 在Android中按下按钮之前播放音频
- java - DateTime("2019-02-16T10:00:00+08:00") 转换为具有偏移值的本地日期时间
- python - 无法删除 Powerpoint 幻灯片?
- jquery - jQuery On Click 功能只工作一次
- maven - 如果打包设置为 pom,wildfly.maven.plugin 不会部署任何内容
- asp.net - 保护 ASP.NET Web 应用程序中的单个静态文件