electron vue3 typescript 使用 nodejs 的 fs, path 等库，以及类型声明

言小溪

已于 2022-02-26 20:49:46 修改

阅读量4.1k

点赞数

分类专栏： Electron 【基础】文章标签： typescript electron vue3 nodejs fs

于 2022-02-26 20:48:23 首次发布

原创声明：本文为博主言小溪的博文，未经博主允许不得转载！

本文链接：https://blog.youkuaiyun.com/qq_31254489/article/details/123155701

版权

Electron 【基础】专栏收录该内容

11 篇文章

订阅专栏

在 Electron 环境下，Vue3应用使用import语法可能导致报错。为了解决这个问题并同时获得代码提示支持，可以采用require方式导入模块，并类型断言为import的类型。例如，引入fs和path模块如下：`const fs = require('fs') as typeof import('fs');` 和 `const path = require('path') as typeof import('path');`。别忘了在main进程中开启Node.js支持，设置`nodeIntegration`为true和`contextIsolation`为false。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在 electron 环境下的 vue3 使用 import 会导致报错，但是又想使用代码提示支持，可以使用如下方法。

<template>...</template>

<script setup lang="ts">

const fs = require("fs") as typeof import("fs");
const path = require("path") as typeof import("path");

// code here ...

</script>

<style>...</sstyle>

注意一定要在 main 开启 nodejs 支持

 new BrowserWindow({
        webPreferences: {
            // 开启node
            nodeIntegration: true,
            contextIsolation: false,
        },
    });