Babel Error: Plugin/Preset files are not allowed to export objects, only functions
Babel Error: Plugin/Preset files are not allowed to export objects, only functions
我正在尝试 运行 展览装置上的故事书。所以到目前为止,我在应用程序中只有 expo 和 storybook。
我无法启动 web 故事书。
我的 package.json 看起来像这样:
"dependencies": {
"expo": "^32.0.0",
"react": "16.5.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz"
},
"devDependencies": {
"@babel/core": "^7.2.2",
"@babel/preset-env": "^7.2.3",
"@babel/preset-react": "^7.0.0",
"@babel/runtime": "^7.2.0",
"@storybook/addon-actions": "^4.1.6",
"@storybook/addon-knobs": "^4.1.6",
"@storybook/addon-links": "^4.1.6",
"@storybook/addon-ondevice-knobs": "^4.1.6",
"@storybook/addon-ondevice-notes": "^4.1.6",
"@storybook/addons": "^4.1.6",
"@storybook/react": "^4.1.6",
"@storybook/react-native": "^4.1.6",
"babel-loader": "^7",
"babel-preset-expo": "^5.0.0",
"prop-types": "^15.6.2",
"react-dom": "16.5.0"
},
我的 babel.config.js 看起来像这样;
module.exports = function(api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
};
};
我也尝试过:
module.exports = function(api) {
api.cache(true);
return {
presets: ["@babel/env", "@babel/react"],
};
};
我在尝试 运行 故事书时遇到此错误:
ERROR in ./storybook/addons.js
Module build failed (from ./node_modules/@storybook/react-native/node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to export objects, only functions. In /Users/kristoffernielsen/repos/app/storybook/node_modules/babel-preset-react/lib/index.js
at createDescriptor (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:178:11)
at items.map (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:109:50)
at Array.map (<anonymous>)
at createDescriptors (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:109:29)
at createPresetDescriptors (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:101:10)
at passPerPreset (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:58:96)
at cachedFunction (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/caching.js:33:19)
at presets.presets (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:29:84)
at mergeChainOpts (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-chain.js:320:26)
at /Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-chain.js:283:7
at buildRootChain (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-chain.js:68:29)
at loadPrivatePartialConfig (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/partial.js:85:55)
at Object.loadPartialConfig (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/partial.js:110:18)
at Object.<anonymous> (/Users/kristoffernielsen/repos/app/storybook/node_modules/@storybook/react-native/node_modules/babel-loader/lib/index.js:140:26)
at Generator.next (<anonymous>)
at asyncGeneratorStep (/Users/kristoffernielsen/repos/app/storybook/node_modules/@storybook/react-native/node_modules/babel-loader/lib/index.js:3:103)
@ multi ./storybook/addons.js ./node_modules/@storybook/react-native/dist/manager/index.js manager[0]
即使我的 addons.js 是空的,它也会失败。
我已修复此重命名删除或重命名文件为 rn-addons.js
这对你没有帮助。
您仍然需要 addon.js 文件。
看这里:https://github.com/storybooks/storybook/issues/5249
我想你需要等一下。
https://github.com/storybooks/storybook/issues/5249#issuecomment-472179512
只需使用默认的 React Native 或 Expo 预设将 .babelrc
添加到您的故事书文件夹。
This 适合我:
{
"presets": ["module:metro-react-native-babel-preset"]
}
我正在尝试 运行 展览装置上的故事书。所以到目前为止,我在应用程序中只有 expo 和 storybook。
我无法启动 web 故事书。
我的 package.json 看起来像这样:
"dependencies": {
"expo": "^32.0.0",
"react": "16.5.0",
"react-native": "https://github.com/expo/react-native/archive/sdk-32.0.0.tar.gz"
},
"devDependencies": {
"@babel/core": "^7.2.2",
"@babel/preset-env": "^7.2.3",
"@babel/preset-react": "^7.0.0",
"@babel/runtime": "^7.2.0",
"@storybook/addon-actions": "^4.1.6",
"@storybook/addon-knobs": "^4.1.6",
"@storybook/addon-links": "^4.1.6",
"@storybook/addon-ondevice-knobs": "^4.1.6",
"@storybook/addon-ondevice-notes": "^4.1.6",
"@storybook/addons": "^4.1.6",
"@storybook/react": "^4.1.6",
"@storybook/react-native": "^4.1.6",
"babel-loader": "^7",
"babel-preset-expo": "^5.0.0",
"prop-types": "^15.6.2",
"react-dom": "16.5.0"
},
我的 babel.config.js 看起来像这样;
module.exports = function(api) {
api.cache(true);
return {
presets: ['babel-preset-expo'],
};
};
我也尝试过:
module.exports = function(api) {
api.cache(true);
return {
presets: ["@babel/env", "@babel/react"],
};
};
我在尝试 运行 故事书时遇到此错误:
ERROR in ./storybook/addons.js
Module build failed (from ./node_modules/@storybook/react-native/node_modules/babel-loader/lib/index.js):
Error: Plugin/Preset files are not allowed to export objects, only functions. In /Users/kristoffernielsen/repos/app/storybook/node_modules/babel-preset-react/lib/index.js
at createDescriptor (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:178:11)
at items.map (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:109:50)
at Array.map (<anonymous>)
at createDescriptors (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:109:29)
at createPresetDescriptors (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:101:10)
at passPerPreset (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:58:96)
at cachedFunction (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/caching.js:33:19)
at presets.presets (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-descriptors.js:29:84)
at mergeChainOpts (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-chain.js:320:26)
at /Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-chain.js:283:7
at buildRootChain (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/config-chain.js:68:29)
at loadPrivatePartialConfig (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/partial.js:85:55)
at Object.loadPartialConfig (/Users/kristoffernielsen/repos/app/storybook/node_modules/@babel/core/lib/config/partial.js:110:18)
at Object.<anonymous> (/Users/kristoffernielsen/repos/app/storybook/node_modules/@storybook/react-native/node_modules/babel-loader/lib/index.js:140:26)
at Generator.next (<anonymous>)
at asyncGeneratorStep (/Users/kristoffernielsen/repos/app/storybook/node_modules/@storybook/react-native/node_modules/babel-loader/lib/index.js:3:103)
@ multi ./storybook/addons.js ./node_modules/@storybook/react-native/dist/manager/index.js manager[0]
即使我的 addons.js 是空的,它也会失败。
我已修复此重命名删除或重命名文件为 rn-addons.js
这对你没有帮助。 您仍然需要 addon.js 文件。
看这里:https://github.com/storybooks/storybook/issues/5249
我想你需要等一下。
https://github.com/storybooks/storybook/issues/5249#issuecomment-472179512
只需使用默认的 React Native 或 Expo 预设将 .babelrc
添加到您的故事书文件夹。
This 适合我:
{
"presets": ["module:metro-react-native-babel-preset"]
}