Webpack 编译：部署生产时找不到模块“@babel/preset-env”

Question

我使用 capistrano 部署我的 rails 项目（Rails 6.0.0，Ruby 2.6.0）

启动`bundle exec cap production deploy 时，我得到以下日志

./app/javascript/packs/application.js 中的错误

模块构建失败（来自 ./node_modules/babel-loader/lib/index.js）：

错误：找不到模块“@babel/preset-env”

和

./app/javascript/packs/server_rendering.js 中的错误

模块构建失败（来自 ./node_modules/babel-loader/lib/index.js）：

错误：找不到模块“@babel/preset-env”

但是当我在本地测试时RAILS_ENV=production bundle exec rails assets:precompile 。它构建成功

我的package.json

{
  "name": "my_app_name",
  "private": true,
  "dependencies": {
    "@babel/preset-react": "^7.0.0",
    "@rails/actiontext": "^6.0.0",
    "@rails/webpacker": "^4.0.2",
    "axios": "^0.19.0",
    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
    "core-js": "2",
    "prop-types": "^15.7.2",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react_ujs": "^2.6.0",
    "trix": "^1.0.0",
    "webpack-dev-server": "^3.3.1"
  },
  "devDependencies": {
    "@babel/preset-env": "^7.7.6",
    "babel-preset-env": "^1.7.0",
    "webpack-dev-server": "^3.3.1"
  }
}

我的应用程序/javascript/packs/application.js

// Support component names relative to this directory:
var componentRequireContext = require.context("components", true);
var ReactRailsUJS = require("react_ujs");
ReactRailsUJS.useContext(componentRequireContext);

我的应用程序/javascript/packs/server_rendering.js

// By default, this pack is loaded for server-side rendering.
// It must expose react_ujs as `ReactRailsUJS` and prepare a require context.
var componentRequireContext = require.context("components", true);
var ReactRailsUJS = require("react_ujs");
ReactRailsUJS.useContext(componentRequireContext);

任何解决方案？谢谢你

Answer 1

在生产模式下编译时您想要的任何可用内容都需要在dependencies. 将@babel/preset-env出devDependencies到dependencies中的package.json。您也可以删除，babel-preset-env因为那是多余的。