NodeJS在中启动ERROR/app/app.jsx模块生成失败:ReferenceError:[BABEL]



我是.net开发人员。以前的开发人员在一个项目中使用了nodeJS和react。我必须完成那个项目。该项目使用nodeJS和reactJS。我在windows 8 中安装了nodeJS

我安装软件包(npm-install),效果很好。但现在我尝试运行start项目(npm-start),但它给出了关于babel的错误。

  C:rc>npm start
> react-seed@0.0.13 prestart C:rc
> npm install
npm WARN package.json react-seed@0.0.13 No license field.
> node-sass@3.4.2 install C:rcnode_modulesnode-sass
> node scripts/install.js

> node-sass@3.4.2 postinstall C:rcnode_modulesnode-sass
> node scripts/build.js
` C:rcnode_modulesnode-sassvendorwin32-x64-46binding.node ` exists.
 testing binary.
Binary is fine; exiting.
npm WARN unmet dependency C:rcnode_modulesrimraf requires glob@'^7.0.0' but w
ill load
npm WARN unmet dependency C:rcnode_modulesglob,
npm WARN unmet dependency which is version 5.0.15
npm WARN unmet dependency C:rcnode_modulesbabel-plugin-transform-decorators-l
egacy requires babel-runtime@'^6.2.0' but will load
npm WARN unmet dependency C:rcnode_modulesbabel-runtime,
npm WARN unmet dependency which is version 5.8.38
npm WARN unmet dependency C:rcnode_modulesbabel-preset-es2015node_modulesba
bel-plugin-transform-regenerator requires babel-core@'^6.6.5' but will load
npm WARN unmet dependency C:rcnode_modulesbabel-core,
npm WARN unmet dependency which is version 5.8.38
npm WARN unmet dependency C:rcnode_moduleskarma-mocha-reporternode_modulesk
arma requires glob@'^7.0.0' but will load
npm WARN unmet dependency C:rcnode_modulesglob,
npm WARN unmet dependency which is version 5.0.15
> react-seed@0.0.13 start C:rc
> set NODE_ENV=development && node dev-server ./webpack/config
Listening at http://0.0.0.0:8000
Hash: dfc04e15fb6c36f0d4eb
Version: webpack 1.12.14
Time: 812ms
           Asset       Size  Chunks       Chunk Names
vendor.bundle.js  839 bytes       0       vendor
jsapp.0.0.13.js  102 bytes       1       app
chunk    {0} vendor.bundle.js (vendor) 28 bytes [rendered]
    [0] multi vendor 28 bytes {0} [built] [1 error]
chunk    {1} jsapp.0.0.13.js (app) 28 bytes {0} [rendered]
    [0] multi app 28 bytes {1} [built] [1 error]
ERROR in ./app/app.jsx
Module build failed: ReferenceError: [BABEL] C:rcappapp.jsx: Unknown option:
direct.presets
    at Logger.error (C:rcnode_modulesbabel-corelibtransformationfilelogge
r.js:58:11)
    at OptionManager.mergeOptions (C:rcnode_modulesbabel-corelibtransformat
ionfileoptionsoption-manager.js:126:29)
    at OptionManager.init (C:rcnode_modulesbabel-corelibtransformationfile
optionsoption-manager.js:216:10)
    at File.initOptions (C:rcnode_modulesbabel-corelibtransformationfilei
ndex.js:147:75)
    at new File (C:rcnode_modulesbabel-corelibtransformationfileindex.js:
137:22)
    at Pipeline.transform (C:rcnode_modulesbabel-corelibtransformationpipe
line.js:164:16)
    at transpile (C:rcnode_modulesbabel-loaderindex.js:12:22)
    at Object.module.exports (C:rcnode_modulesbabel-loaderindex.js:71:12)
 @ multi app
ERROR in ./app/vendor.js
Module build failed: ReferenceError: [BABEL] C:rcappvendor.js: Unknown option
: direct.presets
    at Logger.error (C:rcnode_modulesbabel-corelibtransformationfilelogge
r.js:58:11)
    at OptionManager.mergeOptions (C:rcnode_modulesbabel-corelibtransformat
ionfileoptionsoption-manager.js:126:29)
    at OptionManager.init (C:rcnode_modulesbabel-corelibtransformationfile
optionsoption-manager.js:216:10)
    at File.initOptions (C:rcnode_modulesbabel-corelibtransformationfilei
ndex.js:147:75)
    at new File (C:rcnode_modulesbabel-corelibtransformationfileindex.js:
137:22)
    at Pipeline.transform (C:rcnode_modulesbabel-corelibtransformationpipe
line.js:164:16)
    at transpile (C:rcnode_modulesbabel-loaderindex.js:12:22)
    at Object.module.exports (C:rcnode_modulesbabel-loaderindex.js:71:12)
 @ multi vendor
webpack: bundle is now VALID.

这是我的包.json

{
  "name": "react-seed",
  "version": "0.0.13",
  "description": "Seed project for React apps using ES6 & webpack.",
  "repository": "https://github.com/badsyntax/react-seed",
  "config": {
    "buildDir": "./build",
    "buildDirTests": "./build_tests",
    "devHost": "0.0.0.0",
    "devPort": 8000,
    "remoteHost": "https://mokey.gear.host"
  },
  "scripts": {
    "build": "NODE_ENV=production npm run webpack",
    "clean": "rimraf $npm_package_config_buildDir && mkdir $npm_package_config_buildDir",
    "env": "env",
    "lint": "eslint --ext .js --ext .jsx ./app ./webpack && echo No linting errors.",
    "prebuild": "npm run clean",
    "prestart": "npm install",
    "pretest": "npm install && npm run lint",
    "pretest-travis": "npm install && npm run lint",
    "start": "set NODE_ENV=development && node dev-server ./webpack/config",
    "test": "NODE_ENV=test karma start --single-run",
    "test-dev": "NODE_ENV=test karma start",
    "test-travis": "NODE_ENV=test karma start --single-run",
    "webpack": "webpack --colors --progress --config ./webpack/config"
  },
  "dependencies": {
    "classnames": "^2.1.1",
    "hammerjs": "^2.0.4",
    "immutable": "^3.7.6",
    "intl": "^1.0.0",
    "intl-locales-supported": "^1.0.0",
    "jquery": "^2.1.4",
    "lodash": "^4.6.1",
    "materialize-css": "^0.97.5",
    "ms-signalr-client": "^2.2.2",
    "normalize.css": "^3.0.3",
    "react": "^0.14.7",
    "react-dnd": "^2.1.3",
    "react-dnd-html5-backend": "^2.1.2",
    "react-dom": "^0.14.7",
    "react-flexgrid": "^0.7.0",
    "react-intl": "^2.0.0-rc-1",
    "react-redux": "^4.4.1",
    "redux": "^3.3.1",
    "redux-thunk": "^2.0.1",
    "superagent": "^1.3.0"
  },
  "devDependencies": {
    "autoprefixer-core": "^5.1.11",
    "babel-core": "^5.3.3",
    "babel-eslint": "^3.1.23",
    "babel-loader": "^5.0.0",
    "babel-plugin-rewire": "^0.1.8",
    "babel-preset-react": "^6.5.0",
    "babel-runtime": "^5.3.3",
    "chai": "^2.3.0",
    "compass-mixins": "^0.12.7",
    "css-loader": "^0.12.1",
    "eslint": "^0.21.0",
    "eslint-plugin-react": "^2.3.0",
    "expose-loader": "^0.7.0",
    "extract-text-webpack-plugin": "^0.8.0",
    "file-loader": "^0.8.1",
    "glob": "^5.0.6",
    "html-loader": "^0.3.0",
    "json-loader": "^0.5.1",
    "karma": "^0.12.31",
    "karma-chrome-launcher": "^0.1.12",
    "karma-cli": "0.0.4",
    "karma-mocha": "^0.1.10",
    "karma-mocha-reporter": "^1.0.2",
    "karma-phantomjs-launcher": "^0.1.4",
    "karma-sinon": "^1.0.4",
    "karma-source-map-support": "^1.0.0",
    "karma-sourcemap-loader": "^0.3.4",
    "karma-webpack": "^1.5.1",
    "mocha": "^2.2.4",
    "mocha-loader": "^0.7.1",
    "node-libs-browser": "^0.5.0",
    "opn": "^1.0.2",
    "postcss-loader": "^0.4.3",
    "react-hot-loader": "^1.2.7",
    "rimraf": "^2.3.3",
    "sass-loader": "^0.4.2",
    "sinon": "^1.14.1",
    "source-map-support": "^0.2.10",
    "style-loader": "^0.12.2",
    "template-html-loader": "0.0.3",
    "webpack": "^1.9.5",
    "webpack-dev-server": "^1.8.2"
  },
  "engines": {
    "node": ">=0.10.0"
  },
  "eslintConfig": {
    "env": {
      "browser": true,
      "node": true,
      "es6": true
    },
    "ecmaFeatures": {
      "modules": true,
      "jsx": true
    },
    "globals": {
      "describe": true,
      "it": true,
      "xit": true,
      "xdescribe": true,
      "beforeEach": true,
      "sinon": true
    },
    "plugins": [
      "react"
    ],
    "parser": "babel-eslint",
    "rules": {
      "strict": true,
      "indent": [
        2,
        2
      ],
      "quotes": [
        2,
        "single"
      ],
      "new-cap": 0,
      "no-unused-expressions": 0,
      "no-underscore-dangle": 0,
      "react/display-name": 0,
      "react/jsx-quotes": 1,
      "react/jsx-no-undef": 1,
      "react/jsx-sort-props": 1,
      "react/jsx-uses-react": 1,
      "react/jsx-uses-vars": 1,
      "react/no-did-mount-set-state": 1,
      "react/no-did-update-set-state": 1,
      "react/no-multi-comp": 1,
      "react/no-unknown-property": 1,
      "react/prop-types": 1,
      "react/react-in-jsx-scope": 1,
      "react/self-closing-comp": 1,
      "react/wrap-multilines": 1
    }
  }
}

听起来你在某个地方(.babelrc?)有Babel v6的配置(例如presets选项),但你使用的是Babel v5。

最新更新