Question

我有一个设置程序，用于设置这样的文件夹结构：

apps/
    -common
    -app1
    -app2

它内部有它自己的包管理，我希望在其中放置两个应用程序都通用的JS，图像，React组件（等），以便于共享。这是一个易于开发的单仓库。

我遇到的问题是从普通导入的React组件遇到了似乎不喜欢JSX语法的问题（它在render（）{}时出错了

或者它不喜欢添加类属性。

我的.babelrc的配置如下：

{
  "presets": [
    "@babel/preset-react",
    "@babel/preset-env"
  ],
  "plugins": ["@babel/plugin-proposal-class-properties"]
}

依赖项：

{
  "dependencies": {
    "@babel/core": "^7.2.2",
    "@babel/helper-create-class-features-plugin": "^7.2.3",
    "@babel/plugin-proposal-class-properties": "^7.2.3",
    "@babel/preset-env": "^7.2.3",
    "@babel/preset-react": "^7.0.0",
    "axios": "^0.18.0",
    "babel-core": "^6.26.3",
    "babel-loader": "^8.0.4",
    "babel-preset-react-app": "^6.1.0",
    "prop-types": "^15.6.2",
    "pusher-js": "^4.3.1",
    "react": "^16.7.0",
    "react-redux": "^6.0.0",
    "redux": "^4.0.1",
    "redux-form": "^8.0.4",
    "webpack": "^4.28.1"
  }
}

就正确加载babel而言，我在做错什么吗？还是我将代码从es6转换为JS的限制？

正确的babel设置可在2个独立的create-react-apps中共享React组件

0 个答案: