Как исправить сбой сборки модуля — необработанная ошибка: сбой сборки модуля (из ./node_modules/babel-loader/lib/index.js):

Кто-нибудь может мне с этим помочь?

Также

TypeError: /Users/.../assets/js/theme/global/quick-search.js: Cannot read property 'has' of undefined
    at resolvePath (/Users/.../node_modules/babel-plugin-lodash/lib/importModule.js:22:24)

Я обновился и следую этому https://github.com/babel/babel-upgrade. Я только что скачал проект и хочу запустить его локально, но эта ошибка действительно расстраивает. Я пробовал кучу вещей, я видел, что у многих людей такая же проблема.

Вот мой package.json

"devDependencies": {
    "@babel/cli": "^7.12.8",
    "@babel/core": "^7.12.9",
    "@babel/node": "^7.12.6",
    "@babel/plugin-proposal-class-properties": "^7.0.0",
    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
    "@babel/plugin-transform-regenerator": "^7.0.0",
    "@babel/plugin-transform-runtime": "^7.0.0",
    "@babel/polyfill": "^7.12.1",
    "@babel/preset-env": "^7.12.7",
    "@babel/preset-react": "^7.12.7",
    "@babel/register": "^7.12.1",
    "@bigcommerce/citadel": "~2.15.1",
    "babel-core": "^7.0.0-bridge.0",
    "babel-eslint": "^9.0.0",
    "babel-jest": "^23.4.2",
    "babel-loader": "^8.2.2",
    "babel-plugin-dynamic-import-webpack": "~1.0.2",
    "babel-plugin-lodash": "~3.3.2",
    "clean-webpack-plugin": "~0.1.19",
    "css-loader": "~2.1.1",
    "eslint": "^4.8.0",
    "eslint-config-airbnb": "~16.0.0",
    "eslint-plugin-import": "~2.7.0",
    "eslint-plugin-jsx-a11y": "~6.0.2",
    "eslint-plugin-react": "^7.12.4",
    "grunt": "^1.0.1",
    "grunt-cli": "^1.3.2",
    "grunt-eslint": "^20.0.0",
    "grunt-karma": "^3.0.1",
    "grunt-scss-lint": "^0.5.0",
    "grunt-svgstore": "^2.0.0",
    "imports-loader": "~0.7.1",
    "jasmine-core": "~2.2.0",
    "jest": "^26.6.3",
    "jquery-mask-plugin": "~1.14.15",
    "karma": "^4.0.1",
    "karma-babel-preprocessor": "^7.0.0",
    "karma-coverage": "^1.1.1",
    "karma-es6-shim": "^1.0.0",
    "karma-jasmine": "^1.1.0",
    "karma-phantomjs-launcher": "^1.0.4",
    "karma-sourcemap-loader": "0.3.7",
    "karma-verbose-reporter": "0.0.6",
    "karma-webpack": "^2.0.4",
    "lighthouse": "^4.0.0-alpha.2-3.2.1",
    "load-grunt-config": "~1.0.1",
    "lodash-webpack-plugin": "~0.11.2",
    "mdbreact": "~4.11.1",
    "npx": "~10.2.0",
    "react-google-recaptcha": "~1.0.5",
    "react-inputs-validation": "~2.2.0",
    "react-markdown": "~4.0.6",
    "regenerator-runtime": "^0.13.7",
    "sass-loader": "~7.1.0",
    "style-loader": "~0.23.1",
    "time-grunt": "~1.2.2",
    "webpack": "^4.44.2",
    "webpack-bundle-analyzer": "~3.0.3",
    "webpack-cli": "~3.1.2",
    "webpack-merge": "~4.1.2"
  },

Может потому что у меня эти два отд. @babel/core: ^7.12.9 и babel-core: ^7.0.0-bridge.0. Я пытался удалить babel-core, но когда я хочу запустить проект, он говорит, что для babel-loader требуется babel-core. Любая помощь будет приятной, спасибо!


npm babeljs babel-loader node-modules
person Dejan    schedule 09.12.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Начиная с Babel 7 команда Babel перешла на пакеты с ограниченной областью действия, поэтому теперь вам нужно использовать @babel/core вместо babel-core. Но по сути, @babel/core — это просто более новая версия babel-core. Это сделано для того, чтобы лучше различать, какие пакеты являются официальными, а какие сторонними. -источник

Я думаю, что вы на правильном пути с удалением/деинсталляцией зависимости babel-core, возможно, вам просто нужно немного больше настроек, чтобы начать работу. В документе по обновлению babel, которым вы поделились, похоже, что эти изменения необходимо внести в ваши зависимости devDependencies. :

введите здесь описание изображения

В предварительном просмотре они удалили загрузчик babel «6.0.0» и добавили загрузчик «v8.0.0-beta.0». Некоторые из других ваших зависимостей показывают разные версии, чем в файле readMe. Вы проверили, отключив их, запустив npm i, а затем npm start?

У одного из наших разработчиков была аналогичная проблема, и он решил ее, запустив команду обновления npm< /а>!

person Heather Barr    schedule 30.12.2020