Vue 引入 Zepto.js 報錯：TypeError: Cannot read property ‘createElement’ of undefined

引入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日內與本人聯系，我將在第一時間刪除內容！