2

新しいプロジェクトでは、Lerna と React Storybook を使用しています。複数のパッケージでモノレポを作りたい。

私のフォルダ構造は次のようになります。

     .babelrc
     .storybook
     package.json
     node_modules
     packages/
       button/
         .babelrc
         node_modules/
         package.json
         index.js
       theme/
         node_modules/
         package.json
         index.js

ボタンパッケージ内のテーマパッケージからテーマをインポートしたいのですが、ボタンパッケージにnpmを介してインストールします。

私のボタンパッケージでは、テーマをインポートしています

import theme from '@company/company-theme';

次のエラーが表示されます。

Module not found: Error: Can't resolve '@company/company-theme' in buttonpath

最初はバベルの問題だと思い、package.jsonに次のバベルパッケージをインストールしました

"babel-cli": "^6.26.0",
"babel-jest": "^23.4.2",
"babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
"babel-preset-env": "^1.7.0",
"babel-preset-react": "^6.24.1"

そして、プロジェクトルートとボタンルートで.babelrc、次のコードを作成して追加しました。

{
  "presets": ["env", "react"],
  "env": {
    "dev": {
      "plugins": [
        "transform-es2015-modules-commonjs"
      ]
    }
  }
}

ただし、問題はまだ存在します。ここで何をすべきか知っている人はいますか?

4

0 に答える 0