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

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 default

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);

/*...*/