环境描述

项目基于electron-egg模版，引用别人的部分是ts ，我自己写的是js ， 会报错，找不到文件。 报错引入文件报类型错误：Cannot find module ‘@/xx/xxx‘，找不到*.vue 等编译问题

以下是解决方式：

1. frontend/jsconfig.json

{

"compilerOptions": {

"experimentalDecorators": true,

"baseUrl": ".",

"paths": {

"@/*": ["src/*"]

}

}

}

2. frontend/tsconfig.json

{

"compilerOptions": {

"target": "esnext",

"module": "esnext",

"strict": false, // js/ts 混用时设为false

"jsx": "preserve",

"importHelpers": true,

"moduleResolution": "node",

"experimentalDecorators": true,

"esModuleInterop": true,

"allowSyntheticDefaultImports": true,

"sourceMap": true,

"noImplicitThis": true, // js/ts 混用时设为false

"baseUrl": ".",

"types": ["webpack-env"],

"paths": {

"@/*": ["src/*"]

},

"lib": ["esnext", "dom", "dom.iterable", "scripthost"]

},

"include": [

"src/**/*.ts",

"src/**/*.tsx",

"src/**/*.vue",

"src",

"src/typings/*.d.ts"

],

"exclude": ["node_modules"]

}

3. frontend/src/shims-vue.d.ts

declare module "*.vue" {

import Vue from "vue";

export default Vue;

}

  


declare module "store";