Я вырываю голову из-за этого - я работаю над небольшим проектом создания-реагирования-приложения, который должен использовать binpacker , и я продолжаю получать
menuToData.js: 2 Uncaught Ошибка: не удается найти модуль 'binpacking'
в webpackMissingModule (menuToData.js: 2)
У меня есть
- удалено `node_modules``
- удалено
yarn.lock
- переустановил узловые модули, используя
yarn
- попытался использовать
require вместо import
И ничего не помогает.
Мой package.json равен
{
"name": "something",
"version": "0.1.0",
"private": true,
"dependencies": {
"@emotion/core": "^10.0.10",
"@fortawesome/fontawesome-svg-core": "^1.2.18",
"@fortawesome/free-solid-svg-icons": "^5.8.2",
"@fortawesome/react-fontawesome": "^0.1.4",
"axios": "^0.18.0",
"binpacking": "^0.0.1",
"bulma": "^0.7.5",
"eslint-config-airbnb": "^17.1.0",
"eslint-plugin-import": "^2.17.3",
"eslint-plugin-jsx-a11y": "^6.2.1",
"eslint-plugin-react": "^7.13.0",
"node-sass": "^4.12.0",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-redux": "^7.0.3",
"react-scripts": "3.0.1",
"react-spinners": "^0.5.4",
"redux": "^4.0.1",
"redux-devtools-extension": "^2.13.8",
"redux-saga": "^1.0.2"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
и файл ('menuToData.js'), куда я импортирую 'binpacking',
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)
}
А вот и модуль в node_modules
И файл js/index.js в модуле -
exports.GrowingPacker = require('./packer.growing.js').GrowingPacker;
exports.Packer = require('./packer.js').Packer;
Любая помощь высоко ценится!