函数给我类型错误：无法读取未定义的属性“调整大小”

Question

我在 reactjs 中使用了一个 javascript 函数。

我这样导入：

import { ImageTools } from './resize_javascript';

我这样使用：

upload = (image) => {

    ImageTools.resize(image, {

        width: 320, // maximum width

        height: 240 // maximum height

    }, function(blob, didItResize) {

        document.getElementById('preview').src = window.URL.createObjectURL(blob);

      const uploadTask = storage.ref(`images/${image.name}`).put(blob);

图像还可以，具有图像属性。我认为 ImageTools 没有正确导入或其他原因，因为它可以在我的 html/js 代码中使用，但是当导入做出反应时，它会TypeError: Cannot read property 'resize' of undefined在选择图像后给我。

有什么想法有什么问题吗？

Answer 1

问题出在您的导入语句上。当您ImageTools默认导出时，您应该像这样导入它：import ImageTools from './resize_javascript';

Answer 2

正确的代码是：import ImageTools from './resize_javascript'; // <-- import as defaultupload = (image) => {&nbsp; &nbsp; ImageTools.resize(image, {&nbsp; &nbsp; &nbsp; &nbsp; width: 320, // maximum width&nbsp; &nbsp; &nbsp; &nbsp; height: 240 // maximum height&nbsp; &nbsp; }, function(blob, didItResize) {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('preview').src = window.URL.createObjectURL(blob);&nbsp; &nbsp; &nbsp; const uploadTask = storage.ref(`images/${image.name}`).put(blob);/*...*/