【问题标题】:webpack-merge merge is not a functionwebpack-merge 合并不是一个函数
【发布时间】:2020-11-01 05:41:11
【问题描述】:

我试图在 shopify 主题中添加反应。于是手动配置了react、webpack、babel。 Webpack.dev.js

const merge  = require('webpack-merge');
const common = require("./webpack.common.js")

module.exports = merge(common, {
  mode: "development",
  devtool: "inline-source-map",
  watch: true
})

但是我得到了错误,合并不是一个函数。 提前致谢。

【问题讨论】:

    标签: reactjs shopify


    【解决方案1】:

    webpack-merge 的第 5 版开始,合并函数现在被命名为导出而不是默认导出。

    第 5 版之前

    const merge = require('webpack-merge');
    

    从第 5 版开始

    const merge = require('webpack-merge').merge;
    
    // or       
    
    const { merge } = require('webpack-merge');
    

    如果您使用的是 ES 模块,那么您应该这样做:

    import { merge } from "webpack-merge"
    

    【讨论】:

      【解决方案2】:

      您还可以通过如下重命名来利用合并:

      const { merge: webpackMerge } = require("webpack-merge");
      

      这样你仍然使用同名的旧api包!

      【讨论】:

        【解决方案3】:

        我使用 ES6 webpack 配置,所以我使用 webpack-merge@4.2.1 ...

        import merge from "webpack-merge"
        

        【讨论】:

          【解决方案4】:

          在新版本的webpack-merge,中导入如下。

          const { merge } = require('webpack-merge');
          

          【讨论】:

            猜你喜欢
            • 2016-12-19
            • 2020-12-18
            • 1970-01-01
            • 1970-01-01
            • 2020-06-13
            • 2015-01-05
            • 2016-05-04
            • 2018-08-14
            • 2020-07-06
            相关资源
            最近更新 更多