#javascript #vue.js #webpack #babeljs #nuxt.js
Вопрос:
я работаю над проектом nuxtjs, и я внезапно получил эту ошибку прогрева, и я ищу решение, но не смог бы, если бы кто-нибудь мог помочь мне с этой проблемой.
Сообщение об ошибке выглядит следующим образом.
ERROR in ./.nuxt/client.js friendly-errors 10:51:28
Module build failed (from ./node_modules/@nuxt/webpack/node_modules/babel-loader/lib/index.js): friendly-errors 10:51:28
Error: Cannot find module '@babel/plugin-proposal-private-property-in-object'
Require stack:
Вот мой nuxt.config.js
build: {
babel: {
plugins: [
["@babel/plugin-proposal-private-methods", {loose: true}],
["@babel/plugin-proposal-private-property-in-object", {"loose": true}]
],
}
},
Файл package.json
"dependencies": {
"@babel/preset-env": "^7.12.17",
"core-js": "^3.8.3",
"global": "^4.4.0",
"module": "^0.0.1",
"nuxt": "^2.13.3",
"vue-scrollmagic": "^1.0.1"
},
"devDependencies": {
"@babel/plugin-proposal-private-methods": "^7.14.5",
"core-js-compat": "^3.4.7",
"sass": "^1.42.1",
"sass-loader": "^12.1.0",
"webpack": "^5.56.0"
}
Вот все сообщение об ошибке
ERROR Failed to compile with 1 errors friendly-errors 10:51:28
ERROR in ./.nuxt/client.js friendly-errors 10:51:28
Module build failed (from ./node_modules/@nuxt/webpack/node_modules/babel-loader/lib/index.js): friendly-errors 10:51:28
Error: Cannot find module '@babel/plugin-proposal-private-property-in-object'
Require stack:
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@babel/core/lib/config/files/plugins.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@babel/core/lib/config/files/index.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@babel/core/lib/index.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@nuxt/webpack/node_modules/babel-loader/lib/index.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@nuxt/webpack/node_modules/loader-runner/lib/loadLoader.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@nuxt/webpack/node_modules/loader-runner/lib/LoaderRunner.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModule.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@nuxt/webpack/node_modules/webpack/lib/NormalModuleFactory.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@nuxt/webpack/node_modules/webpack/lib/Compiler.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@nuxt/webpack/node_modules/webpack/lib/webpack.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@nuxt/webpack/dist/webpack.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@nuxt/cli/dist/cli-index.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@nuxt/cli/dist/cli.js
- /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/nuxt/bin/nuxt.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
at resolve (internal/modules/cjs/helpers.js:94:19)
at resolveStandardizedName (/Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@babel/core/lib/config/files/plugins.js:111:7)
at resolvePlugin (/Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@babel/core/lib/config/files/plugins.js:55:10)
at loadPlugin (/Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@babel/core/lib/config/files/plugins.js:63:20)
at loadPlugin.next (<anonymous>)
at createDescriptor (/Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@babel/core/lib/config/config-descriptors.js:187:16)
at createDescriptor.next (<anonymous>)
at step (/Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/gensync/index.js:261:32)
at evaluateAsync (/Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/gensync/index.js:291:5)
at /Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/gensync/index.js:44:11
at Array.forEach (<anonymous>)
at Function.async (/Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/gensync/index.js:43:15)
at Function.all (/Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/gensync/index.js:216:13)
at Generator.next (<anonymous>)
at createDescriptors (/Users/princebolampembe/MyWork/GithubKusunoki/twin_frontend_copy/twin/node_modules/@babel/core/lib/config/config-descriptors.js:142:41)
friendly-errors 10:51:28
@ multi ./node_modules/@nuxt/components/lib/installComponents.js eventsource-polyfill webpack-hot-middleware/client?reload=trueamp;timeout=30000amp;ansiColors=amp;overlayStyles=amp;path=/__webpack_hmr/clientamp;name=client ./.nuxt/client.js
Я попытался установить @babel/preset-даже 7.12.17, но я не работал, весь код выглядит хорошо, но проблема в том, что это продолжается, и я все еще продолжаю исследования, но если кто-нибудь что-то найдет, пожалуйста, дайте мне знать.
Благодарю
Я работаю в Nuxt.js версия»1.0.0″
Ответ №1:
Похоже, что версия @babel/preset-evn , которую вы используете (7.12.17), не включает @babel/plugin-proposal-private-property-in-object в себя . Либо попробуйте добавить его явно ( package.json не только в конфигурацию nuxt), либо обновите до более новой предустановки babel; последняя версия, 7.15.6, включает плагин, который вам нужен.
Комментарии:
1. Спасибо, но проблема была не в этом.
Ответ №2:
Спасибо, ребята, я смог найти решение, это было старое nuxt.js версия, поэтому я удалил файл node_modules, я удалил файл package-lock.json, я запускаю установку npm, а затем запускаю устаревший npm, после чего я запускаю свою разработку нормально, и это отлично работает.