文章/答案/技术大牛

发布

问使用Svelte，Fable和Tauri
EN

Stack Overflow用户

提问于 2022-05-11 03:36:01

回答 1查看 512关注 0票数 0

我正在创建一个Tauri应用程序，它使用Fable将F#编译成JS。我也想用Svelte。到目前为止，我已经将我的F#文件编译成一个.js文件。我创建了一个包含以下内容的.svelte文件(名为App.svelte)

<script>
    import './App.fs.js'
</script>

<main>
    <p>{msg}</p>
</main>
<style></style>

我的index.html

<body>
    <script src="main.mjs"></script>
</body>

还有我的main.mjs

import App from './App.svelte';

const app = new App({
    target: document.body,
    props: {
        name: 'world'
    }
});

export default app;

我用npm run build运行程序。这会编译我的F#文件，它们就可以准备好了。我运行npm run tauri build -- --debug来编译我的整个Tauri应用程序并打开它。

我这么做了，屏幕上什么也没显示。但是当我看到控制台时，它说main.mjs不能导入。

据推测，我需要编译Svelte文件。但是Svelte使用rollup，我认为我需要使用webpack来与Fable或Tauri兼容。

所有这些文件都在project/src中。

我需要在index.html中编译和使用文件

javascript

svelte

fable-f#

tauri

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-05-12 09:45:00

您应该给我们一个可重复的例子，向我们展示您是如何配置您的项目的，以及您尝试如何使它工作。

在这个答案中，我给你一个学习的例子，而不仅仅是回答你的问题，因为它遗漏了很多关于你的设置的细节。

基本上，对于npm run tauri build应用程序，您需要配置您的项目，以便构建寓言代码，然后是Svelte代码，然后将所有内容都捆绑到Tauri中。

另外，你也不需要使用webpack。卷起来很好。

提示:如果你出于某种原因真的需要webpack，只需在汇总之前运行它，你就会在github上找到webpack svelte加载器。

我发布了一个工作模板项目来回答您的问题，您可以使用/学习来检查您缺少的内容。它是通过遵循以下流程创建的：

https://github.com/flydev-fr/fable-svelte-tauri-app

create
- 项目: Svelte应用程序yarn create svelte-app
- create Tauri应用程序yarn create tauri-app
- create寓言应用程序

dotnet new --install Fable.Template
dotnet new fable

在那之后，它只是一个合并/合并一切，并将Tauri添加到Svelte应用程序的事情。请检查项目，看看我是如何配置它的

如果你有更精确的问题，请提出另一个问题。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72195110

复制

相似问题

问使用Svelte，Fable和Tauri
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Svelte，Fable和TauriEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Svelte，Fable和Tauri
EN