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

百撕可乐

已于 2022-09-06 19:45:20 修改

阅读量4.3k

点赞数 2

分类专栏： vue3 文章标签： javascript 前端 typescript

于 2022-08-23 19:35:14 首次发布

本文链接：https://blog.csdn.net/lqins/article/details/126491438

版权

vue3 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

在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)