为什么在使用 NextJS 时我不能在 Javascript 文件中导入或需要

Question

我正在尝试导入一个工厂 Typescript 文件，该文件从客户端获取数据并以严格的方式组织它，然后再将其传递给使用 Next.js 的路由创建。我尝试更改导入和导出文件的方式。我试过import { ContentfulAssetFactory, LandingPageFactory } from './factory';和const factory = require('./factory)。import { ContentfulAssetFactory, LandingPageFactory } from './factory';const client = require('./client');const LANDING_PAGE_CONTENT_TYPE_ID = 'campaignLandingPage';module.exports = async () => {  const entries = await client.getEntries({    content_type: LANDING_PAGE_CONTENT_TYPE_ID,  });  const linkedAssets = await entries.includes.Asset.map(asset => {    return ContentfulAssetFactory.create(asset.fields)  })  const items = entries.items.map(item => {    return LandingPageFactory.create(item.fields, linkedAssets)  });  return items;};class ContentfulAssetFactory {    static create(asset: ContentfulAsset) {        return {          id: asset.id,          contentType: asset.contentType,          url: asset.url,          title: asset.title        }      }    }}class LandingPageFactory { static create(page: LandingPage, assets: Array<ContentfulAsset>) {    const pageImgs = await page.pageImages.map(asset => {      assets.find(item => {        if (item.sys.id === asset.sys.id) {        }      })    })    const lp = {      campaignTitle: page.campaignTitle,      promoCode: page.promoCode,      template: page.template,      ctaPrimary: page.ctaPrimary,      ctaPrimaryButtonText: page.ctaPrimaryButtonText,      ctaPrimaryHyperlink: page.ctaPrimaryHyperlink,      ctaAlt1: page.ctaAlt1,      ctaAlt1Hyperlink: page.ctaAlt1Hyperlink,      ctaAlt1TextColor: page.ctaAlt1TextColor,      ctaAlt1BackgroundColor: page.ctaAlt1BackgroundColor,      pageImages: pageImgs    }      return lp  }}export {  ContentfulAsset,  ContentfulAssetFactory,  LandingPage,  LandingPageFactory}我希望能够导入或要求打字稿并使用类静态函数。我很困惑为什么我不能要求文件或导入它。SyntaxError 特别令人困惑，我不知道为什么当该语法适用于其他文件时它会抛出该错误。

Answer 1

打字稿不是有效的 javascript。您必须先将打字稿编译为 javascript，然后才能导入它。

Answer 2

node自己也不知道typescript。您应该首先将其编译为常规 javascript。