Question

我在Heroku上有一个关于NodeJs的SailsJs的应用程序，我无法运行babeljs。它在我的localhost上运行正常，但我总是收到错误：

错误：无法找到相对于目录“/ app”的预设“env”

Heroku坚持在/app文件夹中寻找它。此项目没有一个/app文件夹

我的应用文件夹结构是：

app_name
- api
- assets
- config
- tasks
- views

我按照http://babeljs.io的文档到我的.babelrc

.babelrc

现在：

{
  "presets": ["react", "env", "stage-1"],
  "plugins": ["transform-class-properties"]
}

已经尝试过：

{
  "presets": ["react", "es2015", "stage-1"],
  "plugins": ["transform-class-properties"]
}

当我设置.babelrc使用es2015时，我收到错误：

Invalid:
   `{ presets: [{option: value}] }`
Valid:
    `{ presets: [['presetName', {option: value}]] }`

我已经安装了依赖项

npm install babel-preset-es2015

npm install babel-preset-react

npm install babel --save-dev

我的package.json

{
  "name": "redux-cardeck",
  "private": true,
  "version": "0.0.1",
  "engines": {
    "node": "6.11.4"
  },
  "description": "a Sails-Redux application for multi-player online card game",
  "keywords": [
    "sailsjs",
    "redux",
    "es2015",
    "webpack"
  ],
  "dependencies": {
    "axios": "^0.13.1",
    "babel-cli": "^6.26.0",
    "babel-plugin-transform-class-properties": "^6.11.5",
    "babel-plugin-transform-object-rest-spread": "^6.6.5",
    "babel-polyfill": "^6.7.2",
    "babel-preset-stage-1": "^6.13.0",
    "connect-mongo": "0.8.2",
    "css-loader": "^0.23.1",
    "ejs": "2.3.4",
    "file-loader": "^0.8.5",
    "grunt": "0.4.5",
    "grunt-babel": "^6.0.0",
    "grunt-contrib-clean": "0.6.0",
    "grunt-contrib-coffee": "0.13.0",
    "grunt-contrib-concat": "0.5.1",
    "grunt-contrib-copy": "0.5.0",
    "grunt-contrib-cssmin": "0.9.0",
    "grunt-contrib-jst": "0.6.0",
    "grunt-contrib-less": "1.1.0",
    "grunt-contrib-uglify": "0.7.0",
    "grunt-contrib-watch": "0.5.3",
    "grunt-sails-linker": "~0.10.1",
    "grunt-sync": "0.2.4",
    "include-all": "~0.1.6",
    "node-sass": "^3.8.0",
    "postcss-modules-extract-imports": "^1.0.0",
    "postcss-modules-scope": "^1.0.0",
    "rc": "1.0.1",
    "react": "^0.14.9",
    "react-dom": "^0.14.9",
    "react-redux": "^4.4.8",
    "react-router": "^2.6.1",
    "react-tap-event-plugin": "^0.2.2",
    "redux": "^3.7.2",
    "redux-form": "^5.3.2",
    "redux-optimist": "0.0.2",
    "redux-optimistic-ui": "^0.3.2",
    "redux-promise": "^0.5.3",
    "redux-thunk": "^2.1.0",
    "redux-undo": "^0.6.1",
    "sails": "~0.12.1",
    "sails-disk": "~0.10.9",
    "sails-hook-babel": "^6.0.1",
    "sails-mongo": "^0.12.2",
    "sails-postgresql": "^0.11.4",
    "sails-service-mailer": "^3.2.1",
    "sails-webpack": "^1.0.13",
    "sass": "^0.5.0",
    "sass-loader": "^3.2.3",
    "style-loader": "^0.13.1",
    "unexpected-react": "^1.0.0",
    "updeep": "^0.16.1",
    "url-loader": "^0.5.7"
  },
  "scripts": {
    "debug": "node debug app.js",
    "start": "./node_modules/.bin/babel-node app.js"
  },
  "main": "app.js",
  "repository": {
    "type": "git",
    "url": "git://github.com/vanphuong12a2/redux-cardeck.git"
  },
  "author": "phuong",
  "license": "",
  "devDependencies": {
    "axios-mock-adapter": "^1.6.1",
    "babel-cli": "^6.26.0",
    "babel-core": "^6.7.2",
    "babel-loader": "^6.4.1",
    "babel-preset-env": "^1.6.1",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1",
    "babel-preset-stage-0": "^6.24.1",
    "css-modules-require-hook": "^4.0.0",
    "jsdom": "^8.1.0",
    "react-tools": "^0.13.3",
    "redux-devtools": "^3.4.0",
    "redux-logger": "^2.6.1",
    "source-map": "^0.5.3",
    "unexpected": "^10.10.8",
    "webpack-dev-server": "^1.14.1"
  }
}

有人之前已经在Heroku上使用过BabelJs吗？我无法理解为什么它无法在package.json找到babeljs。我在heroku上设置了本地的babel

"scripts": {
    "debug": "node debug app.js",
    "start": "./node_modules/.bin/babel-node app.js"
  },

我认为这可能是heroku的相对结构问题，或者我没有名称为app的文件夹

感谢有人可以帮助我。

Answer 1

默认情况下，Heroku不会在"devDependencies"中安装package.json上列出的依赖项。

您可以将预设移至"dependencies"或按照here步骤更改此行为。

关于Heroku的BabelJs：无法找到相对于目录“/ app”的预设“env”

1 个答案: