构建项目时在 Vue.js 中找不到相关模块

Question

我有一个带有 Typescript 的 Vue.js 项目，当我运行开发服务器（产品构建也是）时，它在控制台中返回错误：

ERROR 编译失败，出现 1 个错误

未找到此相关模块：

*./app.vue 在 ./src/main.ts

我已经尝试检查以前的项目提交，更新全局和本地包，在其他机器上克隆和构建项目，删除和重新安装包，删除 package-lock.json，通过 vue cli 创建新项目并在新配置中添加项目文件 - 和什么都没有改变。同样的错误。对我来说很奇怪。

这是我的 main.ts

 import Vue from 'vue';
import App from './app.vue';
import router from './router';
import store from './store';

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App)
}).$mount('#app');

这里是 App.vue

 <template>
  <div id="app" class="container-fluid">
    <header-component></header-component>
    <main id="content" class="content row">
      <transition name="fade">
        <router-view/>
      </transition>
    </main>
    <footer-component></footer-component>
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import HeaderComponent from './components/header/header.component';
import FooterComponent from './components/footer/footer.component';

@Component({
  components: {
    HeaderComponent,
    FooterComponent
  }
})
export default class App extends Vue {}
</script>

<style lang="scss">
@import "../node_modules/bootstrap/dist/css/bootstrap.min.css";
@import "../node_modules/font-awesome/css/font-awesome.min.css";
@import "../node_modules/vue2-animate/dist/vue2-animate.min.css";
@import "./styles/main.scss";
</style>

提前感谢您的帮助。

原文由 Dried09 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这是一个拼写错误。我变了

import App from './app.vue';

至

import App from './App.vue';

它修复了错误。感谢 Derek 的帮助

原文由 Dried09 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

如果您使用 Yarn 安装了您的 nuxt 项目，请尝试删除 node_modules，然后使用 npm i 安装。在安装 nuxt 的依赖项时，有些钩子不会由 yarn 运行。

原文由 li x 发布，翻译遵循 CC BY-SA 4.0 许可协议