webpack2+vue 的项目引入ts 找不到.vue 文件。

Question

报错

Module build failed: Error: Could not find source file: '/Users/xuqiuwei/Documents/peoject/sx/saic-backend/src/views/afterSalesH5/recallList/recalltstest.vue

项目不是打算用ts重构，只是想加入ts 所以 main.js 没有去做改变。

vue文件
`

<template>
  <div>
      1231231231
  </div>
</template>

<script lang="ts">
export default {

}
</script>

<style>

</style>

`

shims-vue.d.ts文件

declare module "*.vue" {
    import Vue from "vue";
    export default Vue;
  }

tsconfig.json 按照官网的

// 
{
  "compilerOptions": {
    // 与 Vue 的浏览器支持保持一致
    "target": "es5",
    // 这可以对 `this` 上的数据 property 进行更严格的推断
    "strict": true,
    // 如果使用 webpack 2+ 或 rollup，可以利用 tree-shake:
    "module": "es2015",
    "moduleResolution": "node",
  }
}

resolve

`    extensions: ['.js', '.vue', '.json', '.ts'],`

rules:

            {
                test: /\.tsx?$/,
                loader: 'ts-loader',
                exclude: /node_modules/,
                options: {
                    appendTsSuffixTo: [/\.vue$/],
                },
            },

版本

`

"webpack": "2.2.1",
"ts-loader": "^3.5.0",
"typescript": "^3.9.7",

`