本文主要介绍构建Vue.js应用报错原因及解决思路。

构建

可以运行 npm run build 命令来执行应用的构建。

$ npm run build

默认情况下，构建会输出到 dist 文件夹中。你可以部署这个 dist 文件夹到任何你喜欢的平台。

如果报下面的错误：

src/App.vue:2:24 - error TS7016: Could not find a declaration file for module './components/ComponentA.vue'. 'D:/workspace/gitee/java-full-stack-engineer-system-course-video/samples/course17/ch4/state-management-pinia/src/components/ComponentA.vue' implicitly has an 'any' type.

2 import ComponentA from './components/ComponentA.vue'
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

src/App.vue:3:24 - error TS7016: Could not find a declaration file for module './components/ComponentB.vue'. 'D:/workspace/gitee/java-full-stack-engineer-system-course-video/samples/course17/ch4/state-management-pinia/src/components/ComponentB.vue' implicitly has an 'any' type.

3 import ComponentB from './components/ComponentB.vue'
                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Found 2 errors.

ERROR: "type-check" exited with 2.

原因

未能将’./components/ComponentA.vue’中的代码识别为TypeScript，因此编译报错。

解决方案

<script setup">改为<script setup lang="ts">。

参考引用