Я создаю карту сайта для приложения activjs.Для этого я использовал response-router-sitemap .Я добавил все необходимые плагины в babelrc для обхода компонентов реакции, но каждый раз получал одну и ту же ошибку.
Я использую реагирующая загрузка .Я не совсем уверен, есть ли у моего файла babelrc некоторые проблемы или мой дизайн кода.Я также искал проблемы с реактивной загрузкой / babel, но не смог найти подходящего решения.Я использую реакционный маршрут 4 для маршрутов.Также функциональная структура кода.как показано ниже
<Route exact strict path="/" component={features.login.pages.Login} />
просмотр страницы входа в систему
import Loadable from "base_components/Loadable"
import reducer, { types, selectors } from "./ducks"
import { logout } from "./thunks"
const pages = {
Login: Loadable({
loader: () => import("./LoginPage")
})
}
const actions = { logout }
export { pages, reducer, selectors, types, actions }
ошибка, которую я получаю
basic@0.1.0 sitemap /home/frontend
> node ./sitemap-builder.js
/home/frontend/node_modules/react-loadable/lib/babel.js:44
propertiesMap[key.node.name] = property;
^
TypeError: Cannot read property 'name' of undefined
at /home/frontend/node_modules/react-loadable/lib/babel.js:44:36
at Array.forEach (<anonymous>)
at /home/frontend/node_modules/react-loadable/lib/babel.js:42:22
at Array.forEach (<anonymous>)
at PluginPass.ImportDeclaration (/home/frontend/node_modules/react-loadable/lib/babel.js:24:32)
at newFn (/home/frontend/node_modules/@babel/traverse/lib/visitors.js:195:21)
at NodePath._call (/home/frontend/node_modules/@babel/traverse/lib/path/context.js:53:20)
at NodePath.call (/home/frontend/node_modules/@babel/traverse/lib/path/context.js:40:17)
at NodePath.visit (/home/frontend/node_modules/@babel/traverse/lib/path/context.js:88:12)
at TraversalContext.visitQueue (/home/frontend/node_modules/@babel/traverse/lib/context.js:120:16)
Мой файл .babelrc:
{
"ignore": [
"node_modules/**/*"
],
"presets": [
"@babel/preset-env",
"@babel/preset-react"
],
"plugins": [
"@babel/plugin-transform-runtime",
"babel-plugin-react-css-modules",
"transform-class-properties",
"@babel/plugin-syntax-dynamic-import",
"transform-object-assign",
"@babel/plugin-proposal-object-rest-spread",
"react-loadable/babel",
"add-module-exports",
"@babel/plugin-proposal-class-properties",
"syntax-async-functions",
"transform-async-to-generator",
"syntax-class-properties",
"babel-plugin-styled-components",
["dynamic-import-node",
{ "noInterop": false }],
["module-resolver", {
"cwd": "babelrc",
"root": ["./src"]
}]
]
}
и файл Sitemap-Builder:
require("@babel/register")({
extends: "./.babelrc"
})
require.extensions[".css"] = function() {
return null
}
const router = require("./src/routes/index").default
const Sitemap = require("react-router-sitemap").default
new Sitemap(router).build("http://localhost:3000").save("./sitemap.xml")