导入react-native-fetch-blob时出现意外标记

Question

const RNFetchBlob = require('react-native-fetch-blob');
const firebase = require('firebase');

C:\users\...\node_modules\react-native-fetch-blob\index.js:5
import{
^^^^^^
syntaxerror：意外标记导入
在object.exports.runinthiscontext(VM.JS:76:16)
在module._compile(module.js:513:28)
在object.module.js:550:10)
在module.load(module.js:458:32)
在409:3)
在module.require(module.js:468:17)
在require(internal/module.js:20:19)
在object。(C:\users\...\build\cloud\file.js:159:243)在module._compile(module.js:541:32)

我们使用的是ES6，我们的.babelrc文件如下所示

"plugins": [
    ["transform-runtime", {
        "polyfill": false,
        "regenerator": true
    }]
],
"presets": ["react-native","es2015",]

对此有解决办法吗？任何帮助都将不胜感激！

谢了！

Answer 1

我可以通过为react-native-fetch-blob（在我的例子中是rn-fetch-blob）创建一个mock来解决这个问题。这里建议的模拟对我有效:https://github.com/wkh237/react-native-fetch-blob/issues/212#issuecomment-340706825

作为@Scerelli，我还希望模拟发生在一个单独的地方，这样所有测试都可以使用它。在/mocks/react-native-fetch-blob.js中放置以下代码似乎对我有用：

const existsMock=jest.fn()；mockReturnValueOnce（{then：jest.fn（）}）；

export default {
DocumentDir: () => {},
ImageCache: {
    get: {
        clear: () => {},
    },
},
fs: {
    exists: existsMock,
    dirs: {
        MainBundleDir: () => {},
        CacheDir: () => {},
        DocumentDir: () => {},
    },
    },
};