Обслуживание html-файла с помощью скрипта, который импортирует класс из других .js - PullRequest
0 голосов
/ 24 июня 2019

У меня есть сервер Express, обслуживающий HTML-страницу (index.html), которая использует скрипт (app.js). этот скрипт должен импортировать класс из другого файла .js (TheClass.js). Текущий код:

//server.js
const express = require('express');
const path = require('path')
const app = express();

app.use(express.static(__dirname));

app.get('/', (req,res)=>{
    res.sendFile('index.html', __dirname);
})

app.listen(3000, ()=>{
    console.log('Listening at port 3000');
})
----------------------------------------------------
//index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Hello</title>
    <style src="style.css"></style>
</head>
<body>
    <script src="./app.js"></script>
</body>
</html>
---------------------------------------------------
//app.js
import { TheClass } from './TheClass.js';
alert('Hello');
---------------------------------------------------
//TheClass.js
export class TheClass{}

С этим кодом скрипт app.js не запускается. Если я удалю: import {TheClass} из './TheClass.js'; строка, скрипт app.js работает нормально. Я хочу иметь возможность импортировать класс.

1 Ответ

0 голосов
/ 24 июня 2019

Вы не можете использовать такие модули импорта / экспорта в веб-браузере. Вы, вероятно, видите ошибку в консоли JavaScript в вашем браузере.

Существует множество различных пакетов для браузеров, поддерживающих такие вещи в некоторой степени. Но я думаю, что вам лучше всего использовать какой-нибудь JavaScript-пакет для упаковки вашего JS в один файл, который будет использовать браузер.

Выезд: http://browserify.org/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...