Error: Cannot find module './sidebars-api.js'

[wlsdn2749]

Trying to start egjs-flicking docs but i am getting an error

I clone egjs-flicking github link and as readme.md got me

before using yarn, install all root path package
npm install

and cd docs,

yarn install yarn start

i could't find 'sidebar-api.js' in project using CTRL-F.
but using docusaurus would autogenerate sidebar-api.js.

[ERROR] Sidebars file at "/egjs-flicking/egjs-flicking/docs/sidebars.js" failed to be loaded.
[ERROR] Loading of version failed for version current
[ERROR] Error: Cannot find module './sidebars-api.js'
Require stack:
- /egjs-flicking/egjs-flicking/docs/sidebars.js
- /egjs-flicking/egjs-flicking/docs/node_modules/@docusaurus/plugin-content-docs/lib/sidebars/index.js
- /egjs-flicking/egjs-flicking/docs/node_modules/@docusaurus/plugin-content-docs/lib/index.js
- /egjs-flicking/egjs-flicking/docs/node_modules/@docusaurus/core/lib/server/plugins/configs.js
- /egjs-flicking/egjs-flicking/docs/node_modules/@docusaurus/core/lib/server/plugins/init.js
- /egjs-flicking/egjs-flicking/docs/node_modules/@docusaurus/core/lib/server/plugins/index.js
- /egjs-flicking/egjs-flicking/docs/node_modules/@docusaurus/core/lib/server/index.js
- /egjs-flicking/egjs-flicking/docs/node_modules/@docusaurus/core/lib/commands/build.js
- /egjs-flicking/egjs-flicking/docs/node_modules/@docusaurus/core/lib/index.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (/egjs-flicking/egjs-flicking/docs/sidebars.js:8:6)
    at Module._compile (node:internal/modules/cjs/loader:1105:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1159:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)

sidebar.js

module.exports = {
  docs: [
    {
      type: "autogenerated",
      dirName: "tutorials"
    }
  ],
  ...require("./sidebars-api.js")
};

package.json

{
  "name": "docs",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "docusaurus": "docusaurus",
    "start": "docusaurus start --host 0.0.0.0",
    "build": "docusaurus build",
    "swizzle": "docusaurus swizzle --danger",
    "deploy": "docusaurus deploy",
    "clear": "docusaurus clear",
    "serve": "docusaurus serve",
    "write-translations": "docusaurus write-translations",
    "write-heading-ids": "docusaurus write-heading-ids"
  },
  "dependencies": {
    "@docusaurus/core": "^2.2.0",
    "@docusaurus/preset-classic": "^2.2.0",
    "@egjs/flicking-plugins": "^4.4.0",
    "@egjs/react-flicking": "^4.10.2",
    "@egjs/react-grid": "^1.1.2",
    "@mdx-js/react": "^1.6.21",
    "bulma": "^0.9.2",
    "clsx": "^1.1.1",
    "docusaurus-plugin-sass": "^0.1.15",
    "docusaurus-plugin-sidebar": "^1.0.3",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-tabs": "^3.2.2",
    "react-toggle": "^4.1.2"
  },
  "browserslist": {
    "production": [
      ">0.5%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "@babel/plugin-proposal-class-properties": "^7.14.5",
    "@babel/plugin-proposal-decorators": "^7.13.15",
    "@types/react": "^17.0.19",
    "remark-breaks": "^2.0.2"
  }
}

upgrading and downgrading versions of docusaurus did't work well.

최신버전의 docs를 local에 띄울 수 있을까요?
egjs-flicking의 여러기능을 사용하면서 기여할 수 있는 부분이 있으면 참여 했으면 좋겠습니다!

[malangfox]

Hello @wlsdn2749.

sidebars-api.js can be generated via npm run docs:build in the root package.
Try running the script above and leave a comment if you encounter any problems.

[wlsdn2749]

oh, it works well! thank you!
Could I find that command in package like readme.md?
or Could I add this command to docs readme.md? I spent a few days for this error, so I want to help other docs contributors

plus,

[webpack.cache.PackFileCacheStrategy] Skipped not serializable cache item 'Compilation/modules|//egjs-flicking/egjs-
flicking/docs/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].use[1]!/egjs-flicking/egjs-
[`flicking/docs/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].use[2]!/egjs-flicking/egjs-`]
flicking/docs/src/css/custom.css': No serializer registered for Warning
<w> while serializing webpack/lib/cache/PackFileCacheStrategy.PackContentItems -> webpack/lib/NormalModule -> Array { 1 items } -> webpack/lib/ModuleWarning -> Warning

Can I just ignore this warning?

[malangfox]

You could add this command to the docs readme.
Also, can we know where you are getting this warning?

[wlsdn2749]

I command yarn start and get "compile successfully" message and right after that I get this warning

[malangfox]

I have been able to reproduce this warning, and you can ignore it.
This will be fixed in our next documentation update. Thank you!