Couldn't find preset "es2015" relative to directory

[andrantis]

I'm getting an error with a newly created app. I'm just trying to run it after the initial install.
Navigating to localhost:8080 I get a 404.

D:\projects\pwa\preact\my-pwa-test>npm start

> my-pwa-test@1.0.0 start D:\projects\pwa\preact\my-pwa-test
> if-env NODE_ENV=production && npm run -s serve || npm run -s dev

  > Development server started at http://localhost:8080
(webpack)-dev-server/client?http://0.0.0.0:8080/
Module build failed: Error: Couldn't find preset "es2015" relative to directory "D:\\projects"
    at D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:293:19
    at Array.map (native)
    at OptionManager.resolvePresets (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:275:20)
    at OptionManager.mergePresets (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:264:10)
    at OptionManager.mergeOptions (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:249:14)
    at OptionManager.init (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:368:12)
    at File.initOptions (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\index.js:212:65)
    at new File (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\index.js:135:24)
    at Pipeline.transform (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\pipeline.js:46:16)
    at transpile (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-loader\lib\index.js:48:20)
    at D:\projects\pwa\preact\my-pwa-test\node_modules\babel-loader\lib\fs-cache.js:118:18
    at ReadFileContext.callback (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-loader\lib\fs-cache.js:31:21)
    at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:359:13)
 @ multi ./~/preact-cli/lib/lib/entry webpack-dev-server/client?http://0.0.0.0:8080/ webpack/hot/dev-server?http://0.0.0.0:8080/
./~/preact-cli/lib/lib/entry.js
Module build failed: Error: Couldn't find preset "es2015" relative to directory "D:\\projects"
    at D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:293:19
    at Array.map (native)
    at OptionManager.resolvePresets (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:275:20)
    at OptionManager.mergePresets (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:264:10)
    at OptionManager.mergeOptions (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:249:14)
    at OptionManager.init (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:368:12)
    at File.initOptions (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\index.js:212:65)
    at new File (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\index.js:135:24)
    at Pipeline.transform (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\pipeline.js:46:16)
    at transpile (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-loader\lib\index.js:48:20)
    at D:\projects\pwa\preact\my-pwa-test\node_modules\babel-loader\lib\fs-cache.js:118:18
    at ReadFileContext.callback (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-loader\lib\fs-cache.js:31:21)
    at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:359:13)
 @ multi ./~/preact-cli/lib/lib/entry webpack-dev-server/client?http://0.0.0.0:8080/ webpack/hot/dev-server?http://0.0.0.0:8080/
(webpack)/hot/dev-server.js?http://0.0.0.0:8080/
Module build failed: Error: Couldn't find preset "es2015" relative to directory "D:\\projects"
    at D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:293:19
    at Array.map (native)
    at OptionManager.resolvePresets (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:275:20)
    at OptionManager.mergePresets (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:264:10)
    at OptionManager.mergeOptions (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:249:14)
    at OptionManager.init (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\options\option-manager.js:368:12)
    at File.initOptions (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\index.js:212:65)
    at new File (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\file\index.js:135:24)
    at Pipeline.transform (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-core\lib\transformation\pipeline.js:46:16)
    at transpile (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-loader\lib\index.js:48:20)
    at D:\projects\pwa\preact\my-pwa-test\node_modules\babel-loader\lib\fs-cache.js:118:18
    at ReadFileContext.callback (D:\projects\pwa\preact\my-pwa-test\node_modules\babel-loader\lib\fs-cache.js:31:21)
    at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:359:13)
 @ multi ./~/preact-cli/lib/lib/entry webpack-dev-server/client?http://0.0.0.0:8080/ webpack/hot/dev-server?http://0.0.0.0:8080/

[developit]

Might be a file path issue on Windows. I'll try to track it down.

[maoberlehner]

Similar error for me on OSX

preact watch
  > Development server started at http://localhost:8080
./~/preact-cli/lib/lib/entry.js
Module build failed: Error: Couldn't find preset "es2015" relative to directory "/Users/moberlehner"
    at /Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:293:19
    at Array.map (native)
    at OptionManager.resolvePresets (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:275:20)
    at OptionManager.mergePresets (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:264:10)
    at OptionManager.mergeOptions (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:249:14)
    at OptionManager.init (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
    at File.initOptions (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/index.js:212:65)
    at new File (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/index.js:135:24)
    at Pipeline.transform (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/pipeline.js:46:16)
    at transpile (/Users/moberlehner/Sites/the-project-page/node_modules/babel-loader/lib/index.js:48:20)
    at /Users/moberlehner/Sites/the-project-page/node_modules/babel-loader/lib/fs-cache.js:118:18
    at ReadFileContext.callback (/Users/moberlehner/Sites/the-project-page/node_modules/babel-loader/lib/fs-cache.js:31:21)
    at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:335:13)
 @ multi ./~/preact-cli/lib/lib/entry webpack-dev-server/client?http://0.0.0.0:8080/ webpack/hot/dev-server?http://0.0.0.0:8080/
(webpack)-dev-server/client?http://0.0.0.0:8080/
Module build failed: Error: Couldn't find preset "es2015" relative to directory "/Users/moberlehner"
    at /Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:293:19
    at Array.map (native)
    at OptionManager.resolvePresets (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:275:20)
    at OptionManager.mergePresets (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:264:10)
    at OptionManager.mergeOptions (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:249:14)
    at OptionManager.init (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
    at File.initOptions (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/index.js:212:65)
    at new File (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/index.js:135:24)
    at Pipeline.transform (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/pipeline.js:46:16)
    at transpile (/Users/moberlehner/Sites/the-project-page/node_modules/babel-loader/lib/index.js:48:20)
    at /Users/moberlehner/Sites/the-project-page/node_modules/babel-loader/lib/fs-cache.js:118:18
    at ReadFileContext.callback (/Users/moberlehner/Sites/the-project-page/node_modules/babel-loader/lib/fs-cache.js:31:21)
    at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:335:13)
 @ multi ./~/preact-cli/lib/lib/entry webpack-dev-server/client?http://0.0.0.0:8080/ webpack/hot/dev-server?http://0.0.0.0:8080/
(webpack)/hot/dev-server.js?http://0.0.0.0:8080/
Module build failed: Error: Couldn't find preset "es2015" relative to directory "/Users/moberlehner"
    at /Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:293:19
    at Array.map (native)
    at OptionManager.resolvePresets (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:275:20)
    at OptionManager.mergePresets (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:264:10)
    at OptionManager.mergeOptions (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:249:14)
    at OptionManager.init (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
    at File.initOptions (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/index.js:212:65)
    at new File (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/file/index.js:135:24)
    at Pipeline.transform (/Users/moberlehner/Sites/the-project-page/node_modules/babel-core/lib/transformation/pipeline.js:46:16)
    at transpile (/Users/moberlehner/Sites/the-project-page/node_modules/babel-loader/lib/index.js:48:20)
    at /Users/moberlehner/Sites/the-project-page/node_modules/babel-loader/lib/fs-cache.js:118:18
    at ReadFileContext.callback (/Users/moberlehner/Sites/the-project-page/node_modules/babel-loader/lib/fs-cache.js:31:21)
    at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:335:13)
 @ multi ./~/preact-cli/lib/lib/entry webpack-dev-server/client?http://0.0.0.0:8080/ webpack/hot/dev-server?http://0.0.0.0:8080/

[developit]

Hmm - what version of npm? npm -v

[maoberlehner]

npm: 3.10.9
node: v7.1.0

[developit]

Darn, was sure it would be npm 2 haha.

[lukeed]

That was my bet too. 😞

[maoberlehner]

No matter how deep in the directory structure the project is created babel is always looking for the es2015 preset in the users directory.

Module build failed: Error: Couldn't find preset "es2015" relative to directory "/Users/moberlehner"
    at /Users/moberlehner/Desktop/_TEMP/test/test2/the-project-page/node_modules/babel-core/lib/transformation/file/options/option-manager.js:293:19

[maoberlehner]

Removing .babelrc from users home directory "fixes" this. Hmm maybe a babel-core problem?

[developit]

oooh - i had forgotten it does resolution like that.
Interestingly, we're already setting babelrc: false in the webpack config, which I would have thought that would disable ~/.babelrc entirely...

maybe @hzoo knows

[thangngoc89]

I can confirm this on Ubuntu

Module build failed: Error: Couldn't find preset "es2015" relative to directory "/home/khoa/web/tooth/frontend/node_modules/lru-memoize"

This only happens with package has main or jsnext:main field points to a ES6 file

[developit]

@thangngoc89 do you have a file at ~/.babelrc?

[thangngoc89]

@developit No. I didn't make any custom settings to the project (yet), everything is standard Preact components

[maoberlehner]

@thangngoc89 You may created the ~/.babelrc file some time ago, or maybe a tool created it automatically without you noticing. Just make sure if there is a .babelrc in your home directory or not. If there is no such file in your home directory you can check your NPM version running npm -v if it is below 3.x.x this might be the problem.

[thangngoc89]

@maoberlehner Still no.

❯ cat ~/.babelrc
cat: /home/khoa/.babelrc: No such file or directory

Any idea?

[developit]

very odd. I had thought we'd narrowed it down. One other thought: a .babelrc in any parent directory would cause the same issue - is it possible there's one somewhere up the filesystem hierarchy?