Блог

Главная - Вопросы по программированию - Стройный не загружайте компоненты node.js

Стройный не загружайте компоненты node.js

#javascript #node.js #components #svelte

Вопрос:

Я хочу создать приложение с Node.js и стройный, но когда я пытаюсь импортировать компонент, он не загружается.
Код на стороне сервера:

 const app = require("express")();
const http = require("http").Server(app);
const port = process.env.PORT || 8080;
const io = require("socket.io")(http);
const fs = require('fs')
const express = require('express')

app.get('/', (req, res) => {
    res.write(fs.readFileSync('./pages/homepage.svelte', 'utf-8'));
    res.end();
});

io.sockets.on('connection', function (socket) {
   console.log('Utente connesso!')
});

http.listen(port, function() {
    console.log("Listening on *:"   port);
});

Домашняя страница.стройная:

 <script>
    import Component from './components/Component.svelte'
</script>
<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SocialTree</title>
</head>
<body>
    <Component />
</body>
</html>

Компонент.стройный код:

 <div>
    <h1>Test</h1>
</div>

Спасибо за совет и извините за плохой английский!

Комментарии:

1. Вам нужно скомпилировать все файлы *.svelte в javascript, вот как работает svelte. Вы не просто обслуживаете стройные файлы. Здесь svelte.dev/учебник/основы вы можете увидеть вверху справа редактор с некоторым html, а в разделе ниже вы видите результат и вывод JS. Вывод JS представляет собой скомпилированный файл App.svelte.

2. @Molda спасибо, но файл работает, если он есть, когда я пытаюсь импортировать компонент, он больше не работает.

3. он работает только с вашим homepage.svelte , потому что ваш браузер может интерпретировать и отображать только html и css, в этот момент вы просто обслуживаете статическую страницу

Метки: