小编Emi*_*ano的帖子

尝试运行 ts-node 脚本时出现未知文件扩展名“.ts”错误

我正在尝试运行在常规文件夹中创建的带有两个 .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)

javascript typescript ts-node

36
推荐指数
4
解决办法
6万
查看次数

尝试使用反应播放器会引发水合错误

你好你好吗?我试图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 与服务器上呈现的内容不匹配。

有人知道发生了什么事吗?谢谢!

reactjs hydration next.js react-player

17
推荐指数
2
解决办法
9822
查看次数

无法访问环境变量 next.js

我正在使用 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日志有效并且显示正确的值。看来问题出在我认为supabaseUrlsupabaseAnonKeycreateClient()

然后,在模板页面中,我这样使用它:

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

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