在create-react-app中使用typeorm shim,可以通过以下步骤实现:
tsconfig.paths.json
文件,用于配置自定义的路径别名。该文件的内容如下:{
"compilerOptions": {
"baseUrl": "src",
"paths": {
"*": ["types/*"]
}
}
}
tsconfig-paths
库,该库可以帮助我们在运行时解析自定义的路径别名。在命令行中执行以下命令:npm install tsconfig-paths --save-dev
package.json
文件中的scripts
部分,将react-scripts
替换为tsconfig-paths
,并添加--noEmit
参数。修改后的scripts
部分如下:"scripts": {
"start": "tsconfig-paths register && react-scripts start",
"build": "tsconfig-paths register && react-scripts build",
"test": "tsconfig-paths register && react-scripts test",
"eject": "react-scripts eject"
}
src/types
文件夹,并在该文件夹下创建一个typeorm.d.ts
文件,用于定义typeorm的类型声明。该文件的内容如下:declare module 'typeorm' {
export * from 'typeorm/browser';
}
import { ... } from 'typeorm';
语句引入typeorm相关的模块即可。这样,你就可以在create-react-app中使用typeorm shim了。请注意,以上步骤仅适用于使用TypeScript的create-react-app项目。
领取专属 10元无门槛券
手把手带您无忧上云