小编Pra*_*vas的帖子

我有一个新安装的带有 TypeScript 的 NextJS 应用程序。我正在使用 Next V12，当我运行时yarn lint，它运行next lint并且没有显示错误。

现在，当我在文件中添加额外的规则.eslintrc（"no-unused-vars": 2例如，当存在未使用的变量时显示错误），并在文件夹index.tsx内的文件中故意添加未使用的变量pages，以便我可以测试 linting ，它按预期工作。

但是，当我添加另一个名为 的文件夹hooks并添加index.tsx其中包含未使用的变量的文件时，它不会捕获 hooks 文件夹中未使用的变量错误，仅捕获文件夹内的错误pages。

我的.eslintrc文件看起来像这样 -

{
    "extends": "next/core-web-vitals",
    "rules": {
        "no-unused-vars": 2
    }
}

如果有人以前遇到过这个问题并且知道我做错了什么，请提出建议。

我一直在努力从Three.js导入示例模块，我在我的项目中使用了next.js （服务器端反应框架）以及 Express 中的自定义服务器。我的服务器代码如下所示 -

const express = require('express');
const next = require('next');

const favicon = require('serve-favicon');
var path = require('path');
let fs = require('fs')

const dev = process.env.NODE_ENV !== 'production';
const nextApp = next({ dev });

nextApp.prepare()
    .then(() => {

        let server = express(), options = {}, PORT = 3000, app = express()

        if (dev) {
            // DEVELOPMENT ///

            // DEVELOPMENT ///  
        }
        else {
            // PRODUCTION ///

            options = {
                ...options
            }
            // …

我正在尝试通过 create-next-app 部署 next-js 应用程序，我有一个像这样的自定义 Express 服务器 -

const express = require('express')
const next = require('next')
const dev = process.env.NODE_ENV !== 'production'
const nextApp = next({ dev })
const handle = nextApp.getRequestHandler()

const fs = require('fs')

nextApp.prepare()
.then(() => {
    const server = express ()


    let port = 3000;

    let options = {
        key: fs.readFileSync('some key..', 'utf-8'),
        cert: fs.readFileSync('some cert..', 'utf-8'),
    };


    server.get(
        ...
    )


    let app = https.createServer(options, server)
    .listen((port), function(){
    console.log("Express server listening on port " + port); …

我正在使用 react js 样板（create-react-app）并导入了three.js。我正在尝试将 TrackballControls 用于特定项目，但它不起作用。它会引发类似“尝试导入错误：'TrackballControls' 未从 'three' 导出（导入为 'THREE'）”之类的错误。现在我知道它在示例文件夹中，如果我从论坛中正确理解，它不是官方导出。有人请帮我解决这个问题，如何在反应组件中导入 TrackballControls？帮助将不胜感激！

import React, { useState, useEffect } from 'react'
import * as THREE from 'three'
const OrbitControls = require('three-orbit-controls')(THREE)



import "../src/assets/sass/home.scss"



const X = () => {

const [y, setY] = useState(0)
const [ masses, setMasses ] = useState([])

let parent, renderer, scene, camera, controls



useEffect(() => {

    // renderer
    renderer = new THREE.WebGLRenderer()
    renderer.setSize( window.innerWidth, window.innerHeight )
    document.body.appendChild( renderer.domElement )

    // scene
    scene = new THREE.Scene()

    // camera
    camera …