如何阻止vite解析public中的内容？

[bear-shen]

嗯我在windows11下使用npm create vue@latest创建新项目

npm verbose cli C:\nodejs\node.exe C:\nodejs\node_modules\npm\bin\npm-cli.js
npm info using [email protected]
npm info using [email protected]

√ 是否使用 TypeScript 语法？ ... 是
√ 是否启用 JSX 支持？ ... 否
√ 是否引入 Vue Router 进行单页面应用开发？ ... 是
√ 是否引入 Pinia 用于状态管理？ ... 是
√ 是否引入 Vitest 用于单元测试？ ... 否
√ 是否要引入一款端到端（End to End）测试工具？ » 不需要
√ 是否引入 ESLint 用于代码质量检测？ ... 是
√ 是否引入 Prettier 用于代码格式化？ ... 是
√ 是否引入 Vue DevTools 7 扩展用于调试? (试验阶段) ... 否

然后在public文件夹下放置了pdfjs的release包（legacy版本）用于iframe调用（本身不需要打包进项目，只需要调用url就可以使用）

public文件夹下就这样：

PS ***> ls public
    目录: ***\public
Mode                 LastWriteTime         Length Name                                                                                                                                               
----                 -------------         ------ ----                                                                                                                                               
d-----         2024/9/28     20:25                pdfjs
-a----         2024/9/28     20:23           4286 favicon.ico    

在npm run build的时候不会产生报错

但是在npm run dev的时候会报错：

Error: The following dependencies are imported but could not be resolved:

  canvas (imported by ***/public/pdfjs/build/pdf.mjs)
  path2d (imported by ***/public/pdfjs/build/pdf.mjs)

Are they installed?
    at file:///***/node_modules/vite/dist/node/chunks/dep-BcXSligG.js:51104:15
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
    at async file:///***/node_modules/vite/dist/node/chunks/dep-BcXSligG.js:50609:26

我即使代码里没有出现pdfjs相关的路径，只是把pdfjs的文件夹放在public里面也会产生这个报错。。。
不过只是会报错但是并不影响运行的状态，就是很奇怪。。。

我在vite.config.ts显式设置了publicDir: 'public'
和tsconfig.app.json里设置了"exclude" : ["src/**/__tests__/*", "public/pdfjs/*", "public/pdfjs/**/*"]

但是还是会产生同样的报错。。。

我的package.json目前是这样的：

{
  "name": "dev",
  "version": "0.0.0",
  "private": true,
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "run-p type-check \"build-only {@}\" --",
    "preview": "vite preview",
    "build-only": "vite build",
    "type-check": "vue-tsc --build --force",
    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
    "format": "prettier --write src/"
  },
  "dependencies": {
    "pinia": "^2.1.7",
    "vue": "^3.4.29",
    "vue-router": "^4.3.3"
  },
  "devDependencies": {
    "@rushstack/eslint-patch": "^1.8.0",
    "@tsconfig/node20": "^20.1.4",
    "@types/node": "^20.14.5",
    "@vitejs/plugin-vue": "^5.0.5",
    "@vue/eslint-config-prettier": "^9.0.0",
    "@vue/eslint-config-typescript": "^13.0.0",
    "@vue/tsconfig": "^0.5.1",
    "eslint": "^8.57.0",
    "eslint-plugin-vue": "^9.23.0",
    "npm-run-all2": "^6.2.0",
    "prettier": "^3.2.5",
    "typescript": "~5.4.0",
    "vite": "^5.3.1",
    "vue-tsc": "^2.0.21"
  }
}

不知道这种报错要怎么处理？

[bear-shen]

啊解决了。。。
在vite.config.ts中指定了

    build: {
        rollupOptions: {
            input: '/index.html',
        }
    }

即可