我是.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。