2

我正在开发一个带有TypeScript模板的Bare React Native音频播放器混合（Web 和 android）应用程序。在我实现了expo-av并尝试在网络上编译它之后，我得到了这个：

Failed to compile.

./node_modules/expo-av/build/Audio/Recording.js 134:46
Module parse failed: Unexpected token (134:46)
File was processed with these loaders:
 * ./node_modules/react-scripts/node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|       this._canRecord = false;
|       this._isDoneRecording = true;
>       this._finalDurationMillis = finalStatus?.durationMillis ?? 0;
|       _recorderExists = false;
|

webpack.config.js：

const createExpoWebpackConfigAsync = require('@expo/webpack-config');

module.exports = async function(env, argv) {
    const config = await createExpoWebpackConfigAsync({
        ...env,
        babel: {
            dangerouslyAddModulePathsToTranspile: ['@ui-kitten/components']
        }
    }, argv);
    return config;
};

包.json：

"dependencies": {
"react": "^16.13.1",
"react-native": "0.63.4",
...
}
"devDependencies": {
"@expo/webpack-config": "^0.12.58",
"@babel/core": "^7.8.4",
...
}

如果有帮助，这是我的存储库： https ://github.com/VelislavP/MeditationAppReactNative

使用 expo-av 的文件是：MeditationAppReactNative/src/screens/meditations.tsx

我该如何解决这个问题？提前致谢。

4

2 回答 2

0

编辑 node_modules 不是一个好的解决方案。这个问题是因为无效的合并运算符。我在 React Native 项目中从来没有这样做过，但我将在这里留下一个解决方案，帮助我在 React 项目中。我希望这对遇到类似问题的任何其他人有所帮助。

就我而言，加载新包很有帮助@babel/plugin-proposal-logical-assignment-operators。

我正在使用@craco/craco，所以加载这个包非常简单。

在我的 craco.config.js 文件中，我添加了这些行。

babel: {
  plugins: [
    "@babel/plugin-proposal-logical-assignment-operators"
  ],
},

您可以从此链接查看有关此问题的讨论的详细信息。

https://github.com/facebook/create-react-app/issues/9908

于 2021-08-03T22:18:40.540 回答
-3

好的，我解决了这个问题。现在它编译了！

实际的问题是：

./node_modules/expo-av/build/Audio/Recording.js 134:46
Module parse failed: Unexpected token (134:46)

所以我去了 Recording.js 并改变了：

 this._finalDurationMillis = finalStatus?.durationMillis ?? 0;

对此：

this._finalDurationMillis = finalStatus.durationMillis;

其他所有出现此类错误的文件都是问号的错。

我认为这与我的项目使用 Typescript 模板和 expo-av 使用 typescript 配置下载自身这一事实有关，但由于某种原因，它位于 .js 文件中，并且 js 不喜欢“？”（使用如果您不确定是否存在某些东西，请在打字稿中使用），因此现在通过删除它，应用程序可以正常工作。

于 2021-02-10T07:39:22.290 回答