Как импортировать из подкаталога из node_module?

Question

Я использую create-react-app и у меня есть строка, которая говорит:

import createHistory from 'history/lib/createBrowserHistory' 

, но это не работает, и он выдает ошибку:

Error in ./src/deps/history.js. 
Module not found: 'history/lib/createBrowserHistory' 
in /home/aurimus/Apps/projects/my-project/src/deps 

Является ли это специально не поддерживается create-react-app? Как мне обойти это?

*** UPDATE * **

После коррекции на URL в Lib (использует устаревший учебник), я все еще не получаю ничего импортирован, createBrowserHistory является undefined

Я м, используя дополнительный файл абстрагировать import:

Внутри Deps/history.js

import createBrowserHistory from 'history/createBrowserHistory.js' 
export default createBrowserHistory 

Внутри index.js

import history from './deps/history'; 
history.listen(render); // history is undefined 

ли я делаю что-то неправильно?

Answer 1

Is this specifically not supported by create-react-app?

Нет, это не имеет никакого отношения к create-react-app.

How do I circumvent this?

ошибка говорит вам именно то, что проблема:

Module not found: 'history/lib/createBrowserHistory'

Это означает, что history/lib/createBrowserHistory не существует, то вы используете неправильный путь.

Я установил history, посмотрел на содержимое пакета и заметил, что файл createBrowserHistory находится в корневой папке пакета (на самом деле, нет lib/ каталога). Это означает, что вы хотите импортировать history/createBrowserHistory.

Answer 2

От history docs:

Using npm: 

$ npm install --save history 
Then with a module bundler like webpack, use as you would anything else: 

// using ES6 modules 
import createHistory from 'history/createBrowserHistory' 

// using CommonJS modules 
var createHistory = require('history').createBrowserHistory 

Answer 3

Мое окончательное решение, которое работало благодаря Феликсу:

В deps/history.js

import createBrowserHistory from 'history/createBrowserHistory.js' 
export default createBrowserHistory() 

Тогда в index.js

import history from './deps/history'; 
... 
... 
history.listen(render);