引入Zepto之后控制台报错如下:
TypeError: Cannot read property ‘createElement’ of undefined
原因:
只使用了 AMD 规范的模块导出方法 define,没有用 CommonJs 规范的方法 module.exports 来导出模块,不过这不是造成报错的原因。
解决:
webpack需要做以下修改才能正常使用Zepto.js
步骤:
1 需要下载
npm install --save-dev script-loader exports-loader
2 使用loader模块化加载Zepto.js
// webpack.base.conf.js
{
// ...
module: {
rules: [
//...
{
test: require.resolve('zepto'),
loader: 'exports-loader?window.Zepto!script-loader'
}
]
}
}
如果需要全局引入可以在main.js中
import $ from 'zepto'
或者在webpack.conf.base.js中
plugins: [
new webpack.ProvidePlugin({
$: 'zepto',
Zepto: 'zepto'
}),
],
转载自CSDN:
作者:unhejing
原文地址:https://blog.csdn.net/unhejing/article/details/103768603/
声明:本博文只用于知识分享与传递信息,如涉及作品内容、版权和其它问题,请在30日内与本人联系,我将在第一时间删除内容!