我正在尝试运行在常规文件夹中创建的带有两个 .ts 文件的脚本。一份包含脚本,一份包含运行脚本的辅助函数。我还导入了更多东西,例如 axios 或表单数据。
问题是,当我尝试使用 ts-node: node script.ts运行脚本时,出现以下错误:
TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".ts"
Run Code Online (Sandbox Code Playgroud)
我的package.json:
{
"dependencies": {
"@types/node": "^17.0.23",
"axios": "^0.26.1",
"form-data": "^4.0.0",
"showdown": "^2.0.3",
"ts-node": "^10.7.0",
"typescript": "^4.6.3"
},
"type": "module"
}
Run Code Online (Sandbox Code Playgroud)
还有我的 tsconfig.json:
{
"compilerOptions": {
"esModuleInterop": true
},
"include": ["/**/*.ts"],
"exclude": ["node_modules"]
}
Run Code Online (Sandbox Code Playgroud)
我在 script.ts 文件中的导入是:
import { datoManagementPrimaryEnvironment } from "./content.management";
import {
createContent,
uploadToCloudfare,
getEntryFromDatoWithTheId,
getFilters,
} from "./helpers";
Run Code Online (Sandbox Code Playgroud)
在 helpers.ts 中:
import { datoManagementPrimaryEnvironment } from "./content.management";
import axios from "axios"; …
Run Code Online (Sandbox Code Playgroud) 你好你好吗?我试图react-player
在我的 Next.js 应用程序中使用,但没有任何运气。
这段代码
import ReactPlayer from "react-player";
const Home = () => {
return (
<div>
<p>Here is my video!!</p>
<div className={s.wrapper}>
<ReactPlayer src='https://www.youtube.com/watch?v=zohpogt56Bg' width="100%"
height="100%" className={s.player} />
</div>
</div>
)}
Run Code Online (Sandbox Code Playgroud)
不断抛出此错误:错误:水合失败,因为初始 UI 与服务器上呈现的内容不匹配。
有人知道发生了什么事吗?谢谢!
我正在使用 Next.js 和 Supabase 创建一个应用程序。当我在中创建客户端时/utils/supabase-client.js
,它会抛出错误Error: supabaseUrl is required.
。
这是我的文件:
import { createClient } from '@supabase/supabase-js'
const supabaseUrl = process.env.SUPABASE_PROJECT_URL
const supabaseAnonKey = process.env.SUPABASE_ANON_KEY
export const supabase = createClient(supabaseUrl, supabaseAnonKey)
Run Code Online (Sandbox Code Playgroud)
当然,我的 env 变量没问题,并在 .env 文件中定义,如下所示:
SUPABASE_PROJECT_URL=myRealSupabaseProjectUrl
SUPABASE_ANON_KEY=myRealSupabaseAnonKey
Run Code Online (Sandbox Code Playgroud)
需要澄清的是,我正在使用其他环境变量(例如内容丰富的 API 密钥)并且它们工作正常。如果我登录并且/utils/supabase-client.js
日志有效并且显示正确的值。看来问题出在我认为supabaseUrl
supabaseAnonKey
createClient()
然后,在模板页面中,我这样使用它:
import { supabase } from '../lib/supabase-client'
Run Code Online (Sandbox Code Playgroud)
以及组件内部:
const handleViews = useCallback(async () => {
try {
const { data } = await supabase
.from('Page Views')
.select()
.eq('slug', query)
try {
// …
Run Code Online (Sandbox Code Playgroud) environment-variables reactjs next.js supabase supabase-database
next.js ×2
reactjs ×2
hydration ×1
javascript ×1
react-player ×1
supabase ×1
ts-node ×1
typescript ×1