Javascript babel preset react app/node_modules/@babel/runtime/helpers/esm/defineProperty.js:1语法错误:createScript处意外的令牌导出(vm.js:80:10

Javascript babel preset react app/node_modules/@babel/runtime/helpers/esm/defineProperty.js:1语法错误:createScript处意外的令牌导出(vm.js:80:10,javascript,reactjs,webpack,babeljs,Javascript,Reactjs,Webpack,Babeljs,我正试图通过以下步骤来实现i18n 好的,现在当我们运行npm run build时,我们应该看到build/locales/data.json,它将所有json文件组合成一个文件 从那以后,我无法让npm运行构建工作。我修复了一个错误,然后出现了另一个错误。我猜这是babel/webpack问题,因为我没有使用它们的经验,并且教程中有一些我处理过的旧babel语法错误 这是我的package.json { "dependencies": { "@babel/core": "

我正试图通过以下步骤来实现i18n

  • 好的,现在当我们运行npm run build时,我们应该看到build/locales/data.json,它将所有json文件组合成一个文件
从那以后,我无法让npm运行构建工作。我修复了一个错误,然后出现了另一个错误。我猜这是babel/webpack问题,因为我没有使用它们的经验,并且教程中有一些我处理过的旧babel语法错误

这是我的package.json

{
    "dependencies": {
    "@babel/core": "7.4.3",
    "@babel/preset-env": "^7.5.4",
    "@babel/preset-react": "^7.0.0",
    "@babel/runtime": "^7.5.4",
    "@svgr/webpack": "4.1.0",
    "@typescript-eslint/eslint-plugin": "1.6.0",
    "@typescript-eslint/parser": "1.6.0",
    "babel-eslint": "10.0.1",
    "babel-jest": "^24.8.0",
    "babel-loader": "8.0.5",
    "babel-plugin-named-asset-import": "^0.3.2",
    "babel-plugin-react-intl": "^4.1.0",
    "babel-plugin-transform-runtime": "^6.23.0",
    "babel-preset-react-app": "^9.0.0",
    "bootstrap": "^4.3.1",
    "camelcase": "^5.2.0",
    "case-sensitive-paths-webpack-plugin": "2.2.0",
    "css-loader": "2.1.1",
    "dotenv": "6.2.0",
    "dotenv-expand": "4.2.0",
    "eslint": "^5.16.0",
    "eslint-config-react-app": "^4.0.1",
    "eslint-loader": "2.1.2",
    "eslint-plugin-flowtype": "2.50.1",
    "eslint-plugin-import": "2.16.0",
    "eslint-plugin-jsx-a11y": "6.2.1",
    "eslint-plugin-react": "7.12.4",
    "eslint-plugin-react-hooks": "^1.5.0",
    "file-loader": "3.0.1",
    "firebase": "^6.2.4",
    "fs-extra": "7.0.1",
    "html-webpack-plugin": "4.0.0-beta.5",
    "identity-obj-proxy": "3.0.0",
    "is-wsl": "^1.1.0",
    "jest": "24.7.1",
    "jest-environment-jsdom-fourteen": "0.1.0",
    "jest-resolve": "24.7.1",
    "jest-watch-typeahead": "0.3.0",
    "mini-css-extract-plugin": "0.5.0",
    "optimize-css-assets-webpack-plugin": "5.0.1",
    "pnp-webpack-plugin": "1.2.1",
    "postcss-flexbugs-fixes": "4.1.0",
    "postcss-loader": "3.0.0",
    "postcss-normalize": "7.0.1",
    "postcss-preset-env": "6.6.0",
    "postcss-safe-parser": "4.0.1",
    "react": "^16.8.6",
    "react-app-polyfill": "^1.0.1",
    "react-dev-utils": "^9.0.1",
    "react-dom": "^16.8.6",
    "react-intl": "^2.9.0",
    "react-router-dom": "^5.0.1",
    "reactstrap": "^8.0.1",
    "resolve": "1.10.0",
    "sass-loader": "7.1.0",
    "semver": "6.0.0",
    "style-loader": "0.23.1",
    "terser-webpack-plugin": "1.2.3",
    "ts-pnp": "1.1.2",
    "url-loader": "1.1.2",
    "webpack": "4.29.6",
    "webpack-dev-server": "3.2.1",
    "webpack-manifest-plugin": "2.0.4",
    "workbox-webpack-plugin": "4.2.0"
  },
  "devDependencies": {
    "@babel/cli": "^7.5.0",
    "@babel/node": "^7.5.0",
    "@babel/plugin-transform-runtime": "^7.5.0"
  },
  "scripts": {
    "start": "node scripts/start.js",
    "test": "node scripts/test.js",
    "build:langs": "NODE_ENV='production' babel-node scripts/mergeMessages.js",
    "build": "npm run build:langs && node scripts/build.js"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
  },
  "babel": {
    "presets": [
      "react-app",
      "@babel/preset-env",
      "@babel/preset-react"
    ],
    "passPerPreset": false,
    "plugins": [
      [
        "@babel/plugin-transform-runtime"
      ],
      [
        "react-intl",
        {
          "messagesDir": "./public/messages/"
        }
      ]
    ]
  }
}
下面是错误:

/yadayada/node_modules/babel preet react app/node_modules/@babel/runtime/helpers/esm/defineProperty.js:1(函数(导出、要求、模块、文件名、目录名){export 默认函数_defineProperty(对象、键、值){ ^^^^^^

SyntaxError:意外的令牌导出 在createScript上(vm.js:80:10) 在Object.runInThisContext(vm.js:139:10) 在模块处编译(Module.js:616:28) 在Module.\u compile(/yadayada/node\u modules/pirates/lib/index.js:99:24) at Module._extensions..js(Module.js:663:10) 在Object.newLoader[as.js](/yadayada/node_modules/pirates/lib/index.js:104:7) 在Module.load(Module.js:565:32) 在tryModuleLoad时(module.js:505:12) 在Function.Module.\u加载(Module.js:497:3) at Module.require(Module.js:596:17)


在一个类似的i18nReact项目中,我看到defineProperty.js存在类似的模糊问题

此软件包大约在一个月前更新为9.0.1版。安装以前的版本为我修复了此问题:

npm install babel-preset-react-app@9.0.0

我已经多次面对这个问题,下面是我如何解决它的 1-以管理员身份启动终端(或在命令之前写入sudo) 2-尝试清除缓存 npm缓存清除--强制
3-尝试npm安装,希望它能正常工作

我的构建(2019年8月30日)正在抱怨defineProperty.js丢失。这里肯定有点奇怪。下一步也使用react i18。我无法检查这是否可行,同时我不得不使用另一个库,但谢谢。