首页 > 解决方案 > BABEL_TRANSFORM_ERROR。属性值期望字符串类型但得到对象

问题描述

错误截图

我使用了本教程https://www.vairix.com/tech-blog/server-side-rendering-ssr-of-create-react-app-cra-app-in-2020%C2%A0和以下示例 github回购https://github.com/dariomac/poc-cra-ssr

我的 bootstrap.js,我使用 node.js v12 并在 Google 中尝试了所有可能的解决方案

require('ignore-styles');

require('@babel/register')({
  "presets": [
    "@babel/preset-env",
    "@babel/preset-react"
  ],
  "plugins": [
    "@babel/plugin-proposal-class-properties",
    //"@babel/plugin-transform-modules-commonjs",
    [
      "transform-assets",
      {
        "extensions": [
          "css",
          "svg"
        ],
        "name": "static/media/[name].[hash:8].[ext]"
      }
    ]
  ]
});

require('./index');

注意:自从 babel 抱怨以来,我已将此添加到 bootstrap.js 中的插件中

  "plugins": [
    "@babel/plugin-proposal-class-properties",
    //"@babel/plugin-transform-modules-commonjs",

标签: javascriptnode.jsbabeljsecmascript-5

解决方案


使用您的 bootstrap.js 代码对 Node v12.13.0 没有任何问题。

我什至尝试了一个空且干净的 CRA 项目,它无需任何更改即可工作。我已将 Github 存储库的代码更新为每个依赖项的最新版本。

请测试一下,让我知道这是否解决了问题。


推荐阅读