Javascript 为create react应用程序项目解决“WebPackageMissingModule”——特别是“binpacker”

我对此非常恼火——我正在做一个小的create-react应用程序项目，它需要使用，而且我一直在使用它

menuToData.js:2未捕获错误：找不到模块“binpacking” 在webpackMissingModule menuToData.js:2

我有

已删除“节点”模块`` 脱纱锁 使用纱线重新安装节点模块 尝试使用require而不是import 没有任何帮助

我的package.json是

而我导入“binpacking”的文件“menuToData.js”是

import binpacking from 'binpacking'
const Packer = binpacking.Packer;


const maxWidth = 30
const maxHeight = 20

const packer = new Packer(maxWidth,maxHeight)

export default (menu,allData) => {

  const blocks = []

  if (menu < 0 || menu > allData.length-1) return []

  const items = allData[menu].items

  for (let i = 0; i <items.length ; i++) {
    const wurst = items[i]
    for (let j = 1; j <= wurst.Quantity ; j++) {
      blocks.push({name:wurst.Name,w:wurst.Width,h:wurst.Length})
    }

  }

  if (! blocks) return []
  blocks.sort((a,b) => (b.h < a.h));
  packer.fit(blocks);

  console.log(blocks)

}

---

非常感谢任何帮助

尝试npm卸载binpacking，如果不起作用，请检查项目根目录中是否有节点模块文件夹，删除该文件夹，从项目文件夹中删除节点模块，然后安装npm。我建议在react中坚持从语句导入

谢谢-试过了，它解决了第一个问题，但现在它说“封隔器不是构造函数”。这可能是因为这行代码const Packer=new Packermaxwidth，maxheight，我不确定，因为我从未使用过这个包。你可以在这里读到这个错误：谢谢-我知道这就是错误所在，但我不知道为什么。根据文档，这是正确的用法。。。

import binpacking from 'binpacking'
const Packer = binpacking.Packer;


const maxWidth = 30
const maxHeight = 20

const packer = new Packer(maxWidth,maxHeight)

export default (menu,allData) => {

  const blocks = []

  if (menu < 0 || menu > allData.length-1) return []

  const items = allData[menu].items

  for (let i = 0; i <items.length ; i++) {
    const wurst = items[i]
    for (let j = 1; j <= wurst.Quantity ; j++) {
      blocks.push({name:wurst.Name,w:wurst.Width,h:wurst.Length})
    }

  }

  if (! blocks) return []
  blocks.sort((a,b) => (b.h < a.h));
  packer.fit(blocks);

  console.log(blocks)

}

exports.GrowingPacker = require('./packer.growing.js').GrowingPacker;
exports.Packer = require('./packer.js').Packer;