未捕獲的ReferenceError：值沒有進口模塊

Question

這裏定義爲場景：

index.js

import test1 from './test1'; 
window.test1 = test1; 

test1.js

import test2 from './test2'; 
var test1 = (function(){ 
    var self = this; 
    var x = {}; 
    x.test2 = test2; 
    var testValue = 'TEST VALUE'; 
    let init = function(){ 
     console.log (x.test2()); 
    } 
    init(); 
    return { 
    x: x, 
    testValue: testValue 
    } 
})(); 
export default test1; 

test2.js

var test2 = function() { 
    return (` value to use ${testValue} `) 
}; 

export default test2; 

我在t中收到以下錯誤est2.js index.js 未捕獲的ReferenceError運行時：測試值沒有定義

有使用測試值，而無需將它傳遞的方式？

Answer 1

您可以將測試1到Class Object，然後在test2的使用this.value，並且它將使用TEST1的實例的值

Answer 2

is there a way to use testValue without having to pass it in?

你必須確保它是之前設置爲全局變量該功能被執行。但使用全局變量通常是不好的設計。傳遞價值更容易推理。既然你沒有解釋你爲什麼要這樣做，那就是我可以提供的所有建議。