reactjs - 找不到模块'@babel/preset-react'
问题描述
我试图在 heroku 上部署我的reactjs rails 应用程序。
在我收到此错误之前,一切似乎都很好:
Module build failed (from ./node_modules/babel-loader/lib/index.js):
remote: Error: Cannot find module '@babel/preset-react'
该应用程序在我的本地主机中运行良好。我尝试删除我的 node_modules 文件夹,然后运行 npm install 但错误仍然存在(仅在部署 heroku 时)。
我的 package.json:
{
"name": "App",
"private": true,
"dependencies": {
"@rails/webpacker": "5.4.0",
"@types/react": "^17.0.18",
"@types/react-dom": "^17.0.9",
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
"prop-types": "^15.7.2",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react_ujs": "^2.6.1",
"webpack": "^4.46.0",
"webpack-cli": "^3.3.12"
},
"devDependencies": {
"@babel/plugin-syntax-jsx": "^7.14.5",
"@babel/plugin-transform-react-jsx": "^7.14.9",
"@babel/preset-env": "^7.15.0",
"@babel/preset-react": "^7.14.5",
"webpack-dev-server": "^3.11.2"
}
}
解决方案
我设法部署它。我的答案基于这里:即使 NPM_CONFIG_PRODUCTION 为真,为什么会跳过 devDependencies 的修剪?
我所做的是设置:
NPM_CONFIG_PRODUCTION= false
YARN_PRODUCTION = false
YARN_CONFIG_PRODUCTION = false
我测试了改变 ENV 值,这对我有用。
这可以在 config vars 下的 heroku 设置中设置
推荐阅读
- c++ - 发送不正确的 json 文档的错误
- c - c中的二进制除法需要帮助
- css - 将代码添加到我的 WordPress 选择加入表单的特定部分
- bash - Bash - PaperMC 安装脚本
- arm - 使用 ISO 文件刷写 Cortex-M0+ 设备
- reactjs - Webpack 错误 - 您可能需要适当的加载器来处理此文件类型,目前没有配置加载器来处理此文件
- vue.js - 错误:在使用 Rails Api 的 Vue 中,接收到数据但 Vue 无法读取
- python - 检索“NoneType”对象没有属性“层”
- linux - git add:添加所有名为“pom.xml”的文件,在同一个目录或任何子目录中
- javascript - 如何实现一个,以便用户可以通过最多 2 个设备登录