vue3+Ts 找不到模块“path”或其相应的类型声明 @fs/src/style.css net::ERR_ABORTED 404 (Not Found)

博客讲述了在配置Vite时遇到的模块'path'找不到的问题,以及由于Vue3的不兼容性导致vetur插件引发的错误。解决方案是卸载vetur并安装Volar插件,同时提供了详细的vite.config.ts配置示例,包括别名设置、服务器配置等。在VSCode中禁用vetur并安装VueLanguageFeatures和TypeScriptVuePlugin(Volar)以修复问题。

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

在vite.config.ts 配置 报错 找不到模块“path”或其相应的类型声明

>npm install @types/node --save-dev
const resolve = (dir: string) => path.join(__dirname, dir)

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  //https://cn.vitejs.dev/guide/
  //vite 配置
  resolve: {
    alias: {

      //@ 指向 src 目录--- // 添加baseUrl和paths在tsconfig.json
      '@':resolve('src') // 设置别名
    }
  },
  base: './',//打包的路径
  server: {
    port: 4000,//服务端口号
    open: true,//服务启动时自动打开浏览器
    cors: true//允许跨域

  }
})

浏览器报错:@fs/src/style.css net::ERR_ABORTED 404 (Not Found)

原因:vue3不支持vetur

解决方案:卸载vetur,安装volar插件

在vscode 扩展中禁用 vetur

 下载vscode插件Vue Language Features 和 TypeScript Vue Plugin (Volar)

 

D:\admin-project\guangxi-quan-vue3>npm run electron:build > flowoutdemo@0.0.0 electron:build > set ELECTRON_MIRROR=https://github.com/electron/electron/releases/download/ && npm run build && electron-builder -c.extraMetadata.main=electron/main.js > flowoutdemo@0.0.0 build > vite build vite v5.4.19 building for production... ✓ 136 modules transformed. dist/index.html 0.43 kB │ gzip: 0.29 kB dist/assets/index-fRN9Gjbe.css 3.24 kB │ gzip: 1.18 kB dist/assets/home-4Rnli7SO.css 7.87 kB │ gzip: 1.90 kB dist/assets/index-DWI3OzZM.js 92.14 kB │ gzip: 36.63 kB dist/assets/home-qQcH4Glo.js 199.11 kB │ gzip: 69.78 kB ✓ built in 1.28s • electron-builder version=24.13.3 os=10.0.26100 • loaded configuration file=package.json ("build" field) • writing effective config file=dist_electron\builder-effective-config.yaml • packaging platform=win32 arch=x64 electron=36.4.0 appOutDir=dist_electron\win-unpacked ⨯ remove D:\admin-project\guangxi-quan-vue3\dist_electron\win-unpacked\d3dcompiler_47.dll: Access is denied. github.com/develar/go-fs-util.EnsureEmptyDir /Volumes/data/go/pkg/mod/github.com/develar/go-fs-util@v0.0.0-20190620175131-69a2d4542206/fs.go:98 github.com/develar/app-builder/pkg/electron.UnpackElectron.func1.1 /Volumes/data/Documents/app-builder/pkg/electron/electronUnpack.go:38 github.com/develar/app-builder/pkg/util.MapAsyncConcurrency.func2 /Volumes/data/Documents/app-builder/pkg/util/async.go:68 runtime.goexit /usr/local/Cellar/go/1.17/libexec/src/runtime/asm_amd64.s:1581 ⨯ D:\admin-project\guangxi-quan-vue3\node_modules\app-builder-bin\win\x64\app-builder.exe process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE Exit code: 1 failedTask=build stackTrace=Error: D:\admin-project\guangxi-quan-vue3\node_modules\app-builder-bin\win\x64\app-builder.exe process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE Exit code: 1 at ChildProcess.<anonymous> (D:\admin-project\guangxi-quan-vue3\node_modules\builder-util\src\util.ts:252:14) at Object.onceWrapper (node:events:639:26) at ChildProcess.emit (node:events:524:28) at ChildProcess.cp.emit (D:\admin-project\guangxi-quan-vue3\node_modules\cross-spawn\lib\enoent.js:34:29) at maybeClose (node:internal/child_process:1104:16) at Process.ChildProcess._handle.onexit (node:internal/child_process:304:5)
最新发布
06-07
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值