模块解析失败：使用 turbo repo 保留关键字“interface” Next.js 13

Question

I am using Next.js 13 with turbo repo.. can any one solve this problem. all components working fine with previous version on next.js...

Module parse failed: The keyword 'interface' is reserved (10:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders

hra:dev: > interface Props { item?:any fieldname?: string

i have try all things like webpack modules.

Answer 1

from docs

Next.js will use Babel to handle TypeScript if.babelrc is present. This has some caveats and some compiler options are handled differently.

You either added a .babelrc or you modified next-env.d.ts file

/// <reference types="next" />
/// <reference types="next/image-types/global" />

// NOTE: This file should not be edited

If you set your app npx create-next-app choosing typescrip option, settngs are correct with ts