在webpack配置错误中导入uikit框架“ UI。$不是函数”

木工

在响应项目中使用Uikit成功导入.lessresolve:{...}但是在导入uikit.js出现问题,我更改为imports-loadaer是相同的

在webpack.config.js文件中

...
...
,
resolve: {
    root: [
        path.join(__dirname, 'theme/js'),
        path.join(__dirname, 'theme/less'),
        path.join(__dirname, 'theme/img'),
        path.join(__dirname, 'theme/timeline')
    ],
    extensions: ['','.js','.less','.jpg','.png','.svg']
},
plugins: [
    new webpack.ProvidePlugin({
        $: "jquery",
        jQuery: "jquery",
        "window.jQuery": "jquery"
    })
],
module:{
    loaders:[
        {
            test:/\.js$/,
            loader:'babel',
            exclude:[nodeModulesPath],
            query: {presets: ['es2015', 'react']}
        },
        {
            test: /\.(eof|eot|ttf|woff(2)?)(\?[a-z0-9]+)?$/,
            loader: "url-loader?name=./bin/font/[name]-[hash].[ext]"
        },
        {
            test: /\.(png|jpg|svg)?$/,
            loader: "url-loader?limit=30000&name=./bin/img/[name]-[hash].[ext]"
        },
        {
            test: /\.(less|css)?$/,
            loader: 'style!css!less'
        }
    ]
},

并调用文件

import 'gradient/uikit' <-- work !
import $ from 'jquery' <--- work !
import 'uikit.js' <--- issue "UI.$ is not a function"

有没有办法。

保罗检查

5个选项:

1(效果很好)

这对我来说没有UI.$问题:

global.jQuery = require('jquery')
global.$ = global.jQuery
require('uikit')
window.UIkit.offcanvas.show('#sidebar')

2(不适用于我)

main.js文件中添加以下内容:

import $ from 'jquery'
import jQuery from 'jquery'
window.$ = $
window.jQuery = jQuery

这必须在该import UIkit from 'uikit'之前执行因此,在导入可能使用uikit的任何组件之前,请添加此内容。

3(不适用于我)

您还可以尝试新的npm模块uikit-loaderhttps : //www.npmjs.com/package/uikit-loader

4(不适用于我)

您也可以尝试将其添加到webpack配置文件中:

var webpack = require('webpack')

module.exports = {
  plugins: [
    new webpack.ProvidePlugin({
      $: "jquery",
      jQuery: "jquery",
      "window.jQuery": "jquery",
      "window.$": "jquery"
    })
  ]
}

5(不适用于我)

您可以尝试webpack imports-loaderhttps : //www.npmjs.com/package/imports-loader

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

jQuery UI $(...)。sortable不是WebPack的函数

jQuery UI某些函数错误TypeError:$(...)。accordion不是函数

this.source不是函数。jquery-ui错误

Material-UI错误:对象不是makeStyles中的函数吗?

jQuery ui错误“未定义不是函数”

无法运行ui-calendar错误:undefined不是函数

Webpack创作库导入TypeError错误:xxx不是构造函数

导入模块错误不是函数?

不是导入函数的函数错误

未捕获的TypeError:导入@ material-ui / pickers时,Object(...)不是函数

语义ui react __webpack_require __。i(...)不是一个函数

webpack导入的模块不是构造函数

Webpack导入,default.a不是构造函数

TypeError:Webpack导入的模块不是函数

e.slice不是带有Kendo UI的ASP.NET MVC中的函数错误

AngularAMD,动态UI路由器,RequireJS-“错误:“ MyDashboardCtrl”不是函数,未定义”

尝试使用语义UI React Dropdown时出现“ TypeError:Object(...)不是函数”错误

实质性UI表错误“ TypeError:rows.slice不是函数”

从webpack-cli中获取错误:webpack配置中出现“ TypeError:merge不是函数”

错误:定义的函数不是函数

流星导入错误:createApolloServer不是函数

类型错误:webpack.LoaderOptionsPlugin 不是函数

$不是函数-jQuery错误

错误:.map()不是函数

错误:$(...)。dialog不是函数

Javascript:“不是函数”错误

$(...)。on不是函数-jQuery错误

错误:_。get不是函数

错误myFunction(...)。then不是函数