我想通过从 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)