小编Azh*_*hop的帖子

使用 Typescript 的 Shopify CLI

我想通过从 shopify-app-cli 样板开始,测试使用 Typescript 构建一个 shopify 应用程序,该样板使用 Koa 作为服务器,使用 Nextjs 作为前端 React javascript。看https://github.com/Shopify/shopify-app-cli

我在为服务器和 nextjs 前端代码编译打字稿代码时遇到问题。

变化:

  • 所有文件扩展名均为.tsx.ts. 代替.js

  • 在 package.json 中,将“dev”脚本更改为使用 ts-node 而不是使用nodemon

"dev": "NODE_ENV=development nodemon ./server/index.js --watch ./server/index.js",
Run Code Online (Sandbox Code Playgroud)

"dev": "NODE_ENV=development ts-node server/server.ts",
Run Code Online (Sandbox Code Playgroud)

我可以让它编译server.ts文件,但是如果我更改 nextjs 文件pages/_app.js并且它pages/index.js找不到.tsx它们并出现此错误:

"dev": "NODE_ENV=development nodemon ./server/index.js --watch ./server/index.js",
Run Code Online (Sandbox Code Playgroud)

这是tsconfig.json已经设置好的文件。

{
  "compilerOptions": {
    "target": "es6",
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": false,
    "forceConsistentCasingInFileNames": true, …
Run Code Online (Sandbox Code Playgroud)

shopify typescript koa next.js

3
推荐指数
1
解决办法
3620
查看次数

标签 统计

koa ×1

next.js ×1

shopify ×1

typescript ×1