我在Vue.js上有一个带有Typescript的项目,当我运行dev server(prod build)时,它在控制台中返回错误:
错误编译失败1次 找不到这个相关模块:
./src/main.ts中的*。/ app.vue
我alredy尝试检查以前的项目提交,更新全局和本地包,在其他计算机上克隆和构建项目,删除并重新安装包,删除package-lock.json,通过vue cli创建新项目并在new上添加项目文件配置 - 没有任何改变。同样的错误。对我来说很奇怪。
这是我的主要内容
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>
提前感谢您的帮助。
答案 0 :(得分:4)
答案 1 :(得分:0)
如果您使用Yarn
安装了nuxt项目,请尝试删除node_modules,然后使用npm i
进行安装。在为nuxt安装依赖项时,有一些钩子将不会由yarn来运行。
答案 2 :(得分:-1)
也可能是因为您的node_modules不在项目的根目录。