インポートは、ここで絶対パスで

Question

をコンポーネントに反応する私のテストファイル

// /imports/components/main.test.js 
import React from 'react' 
import { shallow, mount } from 'enzyme' 
import Main from './main' 
import TextInput from "/imports/ui/textInput" 
... 

とmain.jsは

// /imports/components/main.js 
import { action1 } from "/imports/actions/myAction" 

を持っていますが、私は

を言って、テストを実行すると、エラーがスローされますCannot find module '/imports/actions/myAction' from 'main.js'

私がimport './main'にコメントすると、同じことがT extInput。私はnode_modulesにモジュールをインポートすることに問題はありません。

プロジェクトディレクトリからの絶対パスを使用してコンポーネントをインポートするようにJestまたはwebpackに指示するにはどうすればよいですか（つまりimport Foo from /imports/...）？

Answer 1

私のファイル構造は、あなたとまったく同じパターンです。 Jestに/で始まるインポートを使用するよう教えるために、私はbabel-plugin-module-resolverとその便利なrootオプションを使用します。

{ 
    "presets": ["es2015", "meteor"], 
    "plugins": [ 
    "transform-class-properties", 
    "transform-react-constant-elements", 
    "transform-react-inline-elements", 
    "transform-react-remove-prop-types", 
     ["module-resolver", { 
     "root": ["../"], 
     "alias": { 
     "react-router-dom": "react-router-dom/umd/react-router-dom.min.js", 
     "redux": "redux/dist/redux.min.js", 
     "react-redux": "react-redux/dist/react-redux.min.js" 
     } 
    }] 
    ] 
} 

私はそのルートの輸入をカスタマイズした流星を使用していますように、私は私が特定のを持ってできるように私のリポジトリのルートで.jestディレクトリに私の冗談の使用状況や設定を隠す：私の冗談のための.babelrcは次のようになります.babelrcメテオの衝突と危険を冒すことなく