试水Electron+React+Antd构建桌面应用

添加依赖:package.json:

"devDependencies": {
    "@babel/cli": "^7.1.0",
    "@babel/core": "^7.1.0",
    "@babel/plugin-proposal-class-properties": "^7.8.3",
    "@babel/preset-env": "^7.1.0",
    "@babel/preset-react": "^7.0.0",
    "babel-loader": "^8.0.2",

},
  "dependencies": {
    "antd": "^3.26.14",
    "electron-squirrel-startup": "^1.0.0",
    "react": "^16.5.2",
    "react-dom": "^16.5.2"
  }

新建文件:.babelrc

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

问题1:
index.js:19104 Uncaught TypeError: react__WEBPACK_IMPORTED_MODULE_0__.memo is not a function
    at Module../node_modules/antd/es/form/FormItem.js (index.js:19104)
    at __webpack_require__ (index.js:790)
    at fn (index.js:101)
    at Module../node_modules/antd/es/form/index.js (index.js:19670)
    at __webpack_require__ (index.js:790)
    at fn (index.js:101)
    at Module../node_modules/antd/es/index.js (index.js:20384)
    at __webpack_require__ (index.js:790)
    at fn (index.js:101)
    at Module../src/renderer.js (index.js:125083)

解决:
降antd版本。。。

"antd": "^3.26.14",

问题2:

antd报global not found
解决:
在index.html里添加:

    <script>
      var global = global || window;
      var Buffer = Buffer || [];
      var process = process || {
        env: { DEBUG: undefined },
        version: []
      };
    </script>

评论

暂无

添加新评论