警告:我是新手。
我正在开发一个通过纱线使用 react-create-app 的反应应用程序。
我正在尝试使用这些说明安装 react-wavesurfer https://github.com/mspae/react-wavesurfer#prerequisites-and-common-pitfalls
我需要以某种方式让 Wavesurfer.js 进入应用程序。这些说明包括对 webpack 配置进行更改,我试图避免弹出。
我发现这个 react-app-rewired 和这篇文章https://jaketrent.com/post/change-webpack-config-create-react-app-without-ejecting/
所以我把它添加到 config-overrides.js
const rewireProvidePlugin = require('react-app-rewire-provide-plugin')
// Use `webpack.ProvidePlugin` to add jQuery globally
module.exports = function override(config, env) {
// add a plugin
config = rewireProvidePlugin(config, env, {
'WaveSurfer': 'wavesurfer.js',
})
resolve: {
alias: {
wavesurfer: require.resolve('wavesurfer.js')
}
}
return config
}
哪个构建,但我仍然无法在具有这些导入的页面中访问 wavesurfer
import React, {Component} from 'react'
import history from '../../../history'
import Wavesurfer from 'react-wavesurfer'
import * as _ from 'lodash'
require('wavesurfer.js')
require('wavesurfer.js/dist/plugin/wavesurfer.timeline.min.js')
require('wavesurfer.js/dist/plugin/wavesurfer.regions.min.js')
require('wavesurfer.js/dist/plugin/wavesurfer.minimap.min.js')
当我尝试运行 react-app-rewired start
关于如何解决这个问题的任何线索?