Я пытаюсь получить доступ к одному файлу из другого файла.Вот что у меня есть:
<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<button id="btn">Global</button>
<script src="/test.js"></script>
<script src="/testpass.js"></script>
</body>
</html>
test.js:
export var globalVariable = {
output: "test this"
};
testpass.js:
import { globalVariable } from './test.js'
document.getElementById("btn").addEventListener("click", function(){
alert(globalVariable.output);
});
Ничего не происходит.Я также попытался сделать
var globalVariable = {
output: "test this"
};
, а затем просто получить к нему доступ из другого файла, как показано в этом ответе: Вызвать переменные из одного файла javascript в другой , но это не сработало.Пробовал экспортировать его, как указано в этом ответе: Можно ли получить доступ к переменным из другого файла? , но безуспешно.Я использую возвышенный текст и vue.js, и он не работает для них обоих.
Кроме того, если я делаю что-то вроде этого:
import { globalVariable } from '.test.js'
document.getElementById("btn").addEventListener("click", function(){
alert("Not printing the globalVariable here");
});
весь файл javascript, похоже, не работаети не работает вообще при вызове в файле HTML.