Блог

Не знаю, что я делаю не так. Я пытаюсь настроить монорепонанс с lerna помощью amp; nextjs и следую учебнику, но застрял на этом этапе.

Моя файловая структура выглядит точно так, как указано в руководстве:

 lerna.json
package.json
packages
  --- components (React Components)
    --- package.json
    --- ...
  --- frontend (NEXTJS APP)
    --- package.json
    --- ... 
 

До сих пор это работало нормально, но теперь, когда я пытаюсь импортировать components в свое интерфейсное приложение nextjs, это приводит к Module not found ошибке:

./страницы/индекс.js:4:0

Модуль не найден: Не удается разрешить «компоненты»

Мой пакет.json в / (корневой) папке:

 {
  "name": "root",
  "private": true,
  "devDependencies": {
    "lerna": "^4.0.0"
  }
}
 

package.json в packages/frontend (приложение NextJS) :

 {
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "components": "0.0.0",
    "next": "11.1.2",
    "next-transpile-modules": "^8.0.0",
    "react": "17.0.2",
    "react-dom": "17.0.2"
  },
  "devDependencies": {
    "eslint": "7.32.0",
    "eslint-config-next": "11.1.2"
  }
}
 

package.json в /packages/components папке:

 {
  "name": "components",
  "version": "0.0.0",
  "description": "> TODO: description",
  "author": "Anton",
  "homepage": "",
  "license": "ISC",
  "main": "dist/index.js",
  "directories": {
    "lib": "lib",
    "test": "__tests__"
  },
  "files": [
    "lib"
  ],
  "scripts": {
    "test": "echo "Error: run tests from root" amp;amp; exit 1",
    "dev": "microbundle watch --jsx React.createElement"
  },
  "source": "lib/index.js",
  "devDependencies": {
    "microbundle": "^0.13.3"
  }
}
 

Я следовал связанному учебнику почти до конца, я действительно не уверен, что здесь происходит, но опять же, я новичок/низкий средний уровень и был бы признателен за некоторую помощь!