babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty.js:1 SyntaxError: createScript的意外令牌导出(vm.js:80:10 )

Question

我试图通过遵循i18n 反应库来实现本教程 --我完成了以下步骤

• 好的，现在当我们运行npm时，我们应该看到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-preset-react-app/node_modules/@babel/runtime/helpers/esm/defineProperty.js:1 (导出、要求、模块、__filename、__dirname) {导出默认函数_defineProperty(obj，key，value) {^ SyntaxError:在createScript (vm.js:80:10)、Object.runInThisContext (vm.js:139:10)、Module._compile (module.js:616:28)、Module._compile Object.runInThisContext at Module._extensions..js (module.js:663:10)、Object.newLoader as .js ( Module.load )(模块)的意外令牌导出。联合材料:565:32) tryModuleLoad (module.js:505:12) at Function.Module._load (module.js:497:3) at Module.require (module.js:596:17)

Answer 1

在类似的i18n React项目中，我看到了与defineProperty.js类似的模糊问题。

这个包在大约一个月前更新为9.0.1版本。安装上一个版本为我解决了问题：

npm install babel-preset-react-app@9.0.0

Answer 2

我已经面临了十几次这个问题，下面是我如何解决它-以管理员身份启动您的终端(或在命令之前编写sudo ) 2-尝试清除缓存npm缓存清除强制3-尝试npm安装，并希望它能工作。