miel.truyen/nx
1
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(react): fix issues with react ts setup (#29312)

Browse Source 
Fixes a couple of things:

1. React application should ignore `eslint.config.js`,
`eslint.config.cjs`, and `eslint.config.mjs` files since they are not
part of the app runtime.
2. React lib generators should always run `npm install`. It currently
runs only when `package.json` has changed, but we need to run it to link
packages regardless of `package.json` changes.
This commit is contained in:
Jack Hsu 2024-12-11 15:00:56 -05:00 committed by GitHub
parent 726c07d324
commit c2eae0e297
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 19 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/expo/src/generators/library/library.ts
View File

@ -136,7 +136,7 @@ export async function expoLibraryGeneratorInternal(
// Always run install to link packages. // Always run install to link packages.
if (options.isUsingTsSolutionConfig) { if (options.isUsingTsSolutionConfig) {
tasks.push(() => installPackagesTask(host)); tasks.push(() => installPackagesTask(host, true));
} }
tasks.push(() => { tasks.push(() => {

2
packages/react-native/src/generators/library/library.ts
View File

@ -136,7 +136,7 @@ export async function reactNativeLibraryGeneratorInternal(
// Always run install to link packages. // Always run install to link packages.
if (options.isUsingTsSolutionConfig) { if (options.isUsingTsSolutionConfig) {
tasks.push(() => installPackagesTask(host)); tasks.push(() => installPackagesTask(host, true));
} }
tasks.push(() => { tasks.push(() => {

3
packages/react/src/generators/application/application.spec.ts
View File

@ -1335,6 +1335,9 @@ describe('app', () => {
"vite.config.mts", "vite.config.mts",
"vitest.config.ts", "vitest.config.ts",
"vitest.config.mts", "vitest.config.mts",
"eslint.config.js",
"eslint.config.cjs",
"eslint.config.mjs",
], ],
"extends": "../tsconfig.base.json", "extends": "../tsconfig.base.json",
"include": [ "include": [

18
packages/react/src/generators/application/application.ts
View File

@ -361,11 +361,19 @@ export async function applicationGeneratorInternal(
); );
} }
updateTsconfigFiles(host, options.appProjectRoot, 'tsconfig.app.json', { updateTsconfigFiles(
jsx: 'react-jsx', host,
module: 'esnext', options.appProjectRoot,
moduleResolution: 'bundler', 'tsconfig.app.json',
}); {
jsx: 'react-jsx',
module: 'esnext',
moduleResolution: 'bundler',
},
options.linter === 'eslint'
? ['eslint.config.js', 'eslint.config.cjs', 'eslint.config.mjs']
: undefined
);
if (!options.skipFormat) { if (!options.skipFormat) {
await formatFiles(host); await formatFiles(host);

2
packages/react/src/generators/library/library.ts
View File

@ -286,7 +286,7 @@ export async function libraryGeneratorInternal(host: Tree, schema: Schema) {
// Always run install to link packages. // Always run install to link packages.
if (options.isUsingTsSolutionConfig) { if (options.isUsingTsSolutionConfig) {
tasks.push(() => installPackagesTask(host)); tasks.push(() => installPackagesTask(host, true));
} }
tasks.push(() => { tasks.push(() => {