vite npm run dev 无法检测到不存在的名称

Question

npm run dev

未能抱怨明显缺失的名字。

重现步骤：

1. 使用以下命令创建 React / TypeScript 应用程序“foobar”：

   $ npm create vite@latest 需要安装以下包： [电子邮件受保护] 确定要继续吗？ (y) y ✔ 项目名称：… foobar ✔ 选择一个框架： › React ✔ 选择一个变体： › TypeScript

2. cd

   进入项目并安装软件包

cd foobar && npm i

3. 编辑文件

   src/main.tsx

   并添加一个不存在的函数调用，如下所示：

   import { StrictMode } from 'react'
   import { createRoot } from 'react-dom/client'
   import App from './App.tsx'
   import './index.css'
   
   does_not_exist();
   
   createRoot(document.getElementById('root')!).render(
     <StrictMode>
       <App />
     </StrictMode>,
   )
   

结果：

npm run dev

未能抱怨缺少

does_not_exist

功能。

npm run build

检测到它。不过，我想在开发过程中使用

npm run dev

，因为它支持对文件更改进行重新编译。

Answer 1

我安装了

vite-plugin-checker

:

npm i --D vite-plugin-checker

…并相应地更新了我的

vite.config.ts

：

import react from '@vitejs/plugin-react'
import checker from 'vite-plugin-checker';

export default defineConfig({
  plugins: [
    react(),
    checker({
      typescript: true
    })
  ],
  ...

由于上述原因，现在会检测到错误，并且每当保存文件时代码都会重新编译。