webapck引入react与react-dom模块时，为什么出现ref属性报错

Question

使用webpack引入react和react-dom模块，只要组件里出现ref属性，就报错

如果webpack打包，不通过require()引入react和reactDOM模块打包在一起，而是分离出去，在Html中通过<script href="react">这样下载react和reactDOM文件，然后再下载webpack打包的写的react组件，这样组件里使用ref属性就不会报错。

如何将react模块reactDOM模块，以及写的react组件文件，使用webpack都打包在一起，但是如何解决只要组件中使用ref属性就报上面错？

Answer 1

没这回事，webpack + react 是完美配合的，肯定是你写的有问题！一、ref 是需要配合 refs 使用的二、 webpack 是可以允许 将外部库代码和本身的逻辑代码分开的我可以给你看看我的webpack 的配置您可以参考我的webpack配置，再配一遍由于您没有发布任何的code 我也无法断定您的错误是出在什么地方您show 出代码我，我会再继续更新答案