首页 > 解决方案 > TypeError:在 Next JS 中实现时,XM_ProgressBar 不是构造函数

问题描述

在 HTML 中它运行良好,没有任何问题。但是如果在下一个 js 中实现TypeError: XM_ProgressBar is not a constructor

TypeError:XM_ProgressBar 不是构造函数

xm_progressBar.min.js

"use strict";

function _typeof(e) {
    return (
        // .... other methods
    )(e)
}

function XM_ProgressBar(h) {
    function e(e, t) {
        var n = t[0],
            i = t.substring(1);
        "." === n && e.setAttribute("class", i), "#" === n && e.setAttribute("id", i)
    }

    // .... other methods
}

插件.js

const XM_ProgressBar = require('../xm_progressBar.min.js').XM_ProgressBar;
const XM_ProgressBar = require('../xm_progressBar.min.js');//

const existsInDOM = function (selector) {
  return document.querySelectorAll(selector).length;
};

const plugins = {

  createProgressBar: function (options) {
    if (existsInDOM(options.container)) {
      return new XM_ProgressBar(options);
    }
  }
};

module.exports = plugins;

header.progressBar.js

const plugins = require('../../plugins');

plugins.createProgressBar({
  container: '#logged-user-level',
  height: 4,
  lineColor: '#4a46c8'
});

我是新来的反应和下一个js,请指导我克服这个。

标签: javascriptnext.jstypescript

解决方案


推荐阅读