Studio template – Missing acorn and acorn-jsx dependencies

[aldosch]

What component (if applicable)

• URL for category: https://tailwindui.com/templates/studio
• Component name: Agency template Studio

Describe the bug It appears that the package.json file is missing acorn and acorn-jsx dependencies. I was able to resolve this by manually installing.

To Reproduce Steps to reproduce the behavior:

1. Download repo, cd into directory, install dependencies
2. pnpm run dev
3. See error:

~/dev/tailwindui-studio 
❯ pnpm run dev

> tailwindui-studio@0.1.0 dev /Users/aldo/dev/tailwindui-studio
> next dev

- ready started server on 0.0.0.0:3000, url: http://localhost:3000
- error Failed to load next.config.mjs, see more info here https://nextjs.org/docs/messages/next-config-error
Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'acorn' imported from /Users/aldo/dev/tailwindui-studio/next.config.mjs
Did you mean to import acorn@8.10.0/node_modules/acorn/dist/acorn.js?
    at new NodeError (node:internal/errors:405:5)
    at packageResolve (node:internal/modules/esm/resolve:781:9)
    at moduleResolve (node:internal/modules/esm/resolve:830:20)
    at defaultResolve (node:internal/modules/esm/resolve:1035:11)
    at DefaultModuleLoader.resolve (node:internal/modules/esm/loader:269:12)
    at DefaultModuleLoader.getModuleJob (node:internal/modules/esm/loader:153:32)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:33)
    at link (node:internal/modules/esm/module_job:75:36) {
  type: 'Error',
  code: 'ERR_MODULE_NOT_FOUND'
}
 ELIFECYCLE  Command failed with exit code 1.

To Resolve

❯ pnpm i acorn acorn-jsx
❯ pnpm run dev

Expected behavior All dependencies expected to be included in package.json file

[aldosch]

Updated package.json for convenience

{
  "name": "tailwindui-studio",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "browserslist": "defaults, not ie <= 11",
  "dependencies": {
    "@leafac/rehype-shiki": "^2.2.1",
    "@mdx-js/loader": "^2.3.0",
    "@mdx-js/react": "^2.3.0",
    "@next/mdx": "^13.4.8",
    "acorn": "^8.10.0",
    "acorn-jsx": "^5.3.2",
    "autoprefixer": "^10.4.7",
    "clsx": "^1.2.0",
    "escape-string-regexp": "^5.0.0",
    "fast-glob": "^3.2.12",
    "focus-visible": "^5.2.0",
    "framer-motion": "^10.12.16",
    "next": "13.4.9",
    "postcss-focus-visible": "^6.0.4",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "recma-import-images": "0.0.3",
    "remark-gfm": "^3.0.1",
    "remark-rehype-wrap": "0.0.3",
    "remark-unwrap-images": "^3.0.1",
    "shiki": "^0.11.1",
    "tailwindcss": "^3.3.2",
    "unified-conditional": "0.0.2"
  },
  "devDependencies": {
    "eslint": "8.26.0",
    "eslint-config-next": "13.0.2",
    "prettier": "^2.8.7",
    "prettier-plugin-tailwindcss": "^0.2.6"
  }
}

[bradlc]

Hey @aldosch, thanks for reporting this. The missing dependencies have been added 👍