React 0.14错误:模块构建失败:ReferenceError:[BABEL] .../node_modules/eslint-loader/index.js!/.../main.jsx:未知选项:base.stage

2024-02-19

这是我的 package.json:

  "scripts": {
    "test": "echo \"Error: no test specified\n\" && exit 1",
    "lint": "npm run lint-js && npm run lint-css",
    "lint-js": "echo \"\\033[33mLinting JS\\033[0m\n\" && eslint . --ext .js --ext .jsx",
    "lint-css": "echo \"\\033[33mLinting CSS\\033[0m\n\" && csslint app/style --quiet",
    "start": "echo \"\\033[33mStarting dev server at localhost:8080\\033[0m\n\" && TARGET=dev webpack-dev-server --devtool eval-source --progress --colors --hot --inline --history-api-fallback",
    "compile": "echo \"\\033[33mBuilding for production\\033[0m\n\" && TARGET=build webpack -p",
    "build": "npm run lint-js && npm run lint-css && npm run compile"
  },
  "private": true,
  "dependencies": {
    "alt": "^0.17.8",
    "babel-core": "^6.1.2",
    "babel-loader": "^6.1.0",
    "babelify": "^7.2.0",
    "css-loader": "^0.22.0",
    "csslint": "^0.10.0",
    "csslint-loader": "^0.2.1",
    "eslint": "^1.9.0",
    "eslint-plugin-react": "^3.8.0",
    "file-loader": "^0.8.4",
    "flowcheck": "^0.2.7",
    "flowcheck-loader": "^1.0.0",
    "gsap": "^1.18.0",
    "html-webpack-plugin": "^1.6.2",
    "jquery-browserify": "^1.8.1",
    "node-libs-browser": "^0.5.3",
    "radium": "^0.14.3",
    "react": "^0.14.2",
    "react-bootstrap": "^0.27.3",
    "react-bootstrap-modal": "^2.0.0",
    "react-dom": "^0.14.2",
    "react-hot-loader": "^1.3.0",
    "react-odometer": "0.0.1",
    "react-slick": "^0.9.1",
    "react-swf": "^0.13.0",
    "style-loader": "^0.13.0",
    "superagent": "^1.4.0",
    "url-loader": "^0.5.6",
    "video.js": "^5.0.2",
    "webpack": "^1.12.3",
    "webpack-dev-server": "^1.12.1",
    "webpack-merge": "^0.2.0"
  }
}

这是完整的错误消息,我读到可以使用 babelify 解决此错误,所以我添加了它,尽管我不需要它。

./app/ 中出现错误

main.jsx
Module build failed: ReferenceError: [BABEL] /Dev/Fanatico/node_modules/eslint-loader/index.js!/Dev/Fanatico/app/main.jsx: Unknown option: base.stage
    at Logger.error (/Dev/Fanatico/node_modules/babel-core/lib/transformation/file/logger.js:43:11)
    at OptionManager.mergeOptions (/Dev/Fanatico/node_modules/babel-core/lib/transformation/file/options/option-manager.js:245:18)
    at OptionManager.init (/Dev/Fanatico/node_modules/babel-core/lib/transformation/file/options/option-manager.js:396:10)
    at File.initOptions (/Dev/Fanatico/node_modules/babel-core/lib/transformation/file/index.js:191:75)
    at new File (/Dev/Fanatico/node_modules/babel-core/lib/transformation/file/index.js:122:22)
    at Pipeline.transform (/Dev/Fanatico/node_modules/babel-core/lib/transformation/pipeline.js:42:16)
    at transpile (/Dev/Fanatico/node_modules/babel-loader/index.js:14:22)
    at Object.module.exports (/Dev/Fanatico/node_modules/babel-loader/index.js:83:14)
 @ multi main

这一切都始于我想升级到 React 0.14,并最终一一安装了所有软件包。


您需要安装:

  • babel 核心
  • 巴别塔装载机
  • babel-预设-es2015
  • babel 预设反应
  • babel-preset-stage-0

你对你的依赖包.json将会:

{
  "name": "react-transform-example",
  "devDependencies": {
    "babel-core": "^6.0.20",
    "babel-loader": "^6.0.1",
    "babel-preset-es2015": "^6.0.15",
    "babel-preset-react": "^6.0.15",
    "babel-preset-stage-0": "^6.0.15",
    "express": "^4.13.3",
    "webpack": "^1.9.6"
  },
  "dependencies": {
    "react": "^0.14.0",
    "react-dom": "^0.14.0"    
  }
}

和你的.babelrc file

{
  "presets": ["es2015", "stage-0", "react"]
}

更多信息请访问设置-babel-6 http://babeljs.io/blog/2015/10/31/setting-up-babel-6/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

React 0.14错误:模块构建失败:ReferenceError:[BABEL] .../node_modules/eslint-loader/index.js!/.../main.jsx:未知选项:base.stage 的相关文章

随机推荐