我在 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在選擇圖像后給我。有什么想法有什么問題嗎?
2 回答

當年話下
TA貢獻1890條經驗 獲得超9個贊
問題出在您的導入語句上。
當您ImageTools
默認導出時,您應該像這樣導入它:
import ImageTools from './resize_javascript';

莫回無
TA貢獻1865條經驗 獲得超7個贊
正確的代碼是:
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);
/*...*/
添加回答
舉報
0/150
提交
取消