Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

"ReferenceError Unknown plugin" when I try to transform js files in a directory using babel cli

I am somewhat new to Babel. I was successful when tried to transform some .jsx files in a directory using this command:

babel --plugins transform-react-jsx test.js

But when I tried to transform a list of jsx files in a directory, it failed. Here is the command and error message:

babel --plugins transform-react-jsx ../public/js/bundle/temp_realtime/ -d ../public/js/bundle/realtime

ReferenceError: Unknown plugin "transform-react-jsx" specified in "base" at 0, attempted to resolve relative to "../public/js/bundle/temp_realtime"
    at /usr/local/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/options/option-manager.js:193:17
    at Array.map (native)
    at Function.normalisePlugins (/usr/local/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/options/option-manager.js:173:20)
    at OptionManager.mergeOptions (/usr/local/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/options/option-manager.js:271:36)
    at OptionManager.init (/usr/local/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/options/option-manager.js:416:10)
    at File.initOptions (/usr/local/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/index.js:191:75)
    at new File (/usr/local/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/file/index.js:122:22)
    at Pipeline.transform (/usr/local/lib/node_modules/babel-cli/node_modules/babel-core/lib/transformation/pipeline.js:42:16)
    at transform (/usr/local/lib/node_modules/babel-cli/lib/babel/util.js:53:22)
    at Object.compile (/usr/local/lib/node_modules/babel-cli/lib/babel/util.js:62:12)

I have no idea that why it turned out to be like this. Plugin babel-plugin-transform-react-jsx has been installed using command:

npm install babel-plugin-transform-react-jsx 
like image 225
user5755288 Avatar asked Feb 09 '23 02:02

user5755288


1 Answers

It happened to me because I was accidentally using:

{
  "plugins": ["es2015", "react"]
}

when I actually meant:

{
  "presets": ["es2015", "react"]
}
like image 85
André Pena Avatar answered Feb 25 '23 00:02

André Pena