Next.js приложение как с Javascript, так и с машинописным текстом

#javascript #reactjs #typescript #npm #next.js

Вопрос:

У меня есть Next.js приложение написано на Javascript и планирует начать писать новый код на машинописном языке. Я попытался добавить машинописный текст в проект, запустив touch tsconfig.json его в корне проекта и

npm install --save-dev typescript @types/react @types/node

И когда я пытаюсь запустить npm run dev , я получаю ошибку

 error - ./pages/_app.js:6:0
Module not found: Can't resolve 'src/assets/styles/index.scss'
 

И почти все модули не могут быть импортированы.

Что мне нужно настроить для работы как с Javascript, так и с машинописным текстом?

Ответ №1:

Остановка и перезапуск сервера должны устранить большинство проблем с импортом модулей.

SCSS должен быть готов к работе, но если он продолжится после перезапуска, объявление его в файле декларации машинописного текста должно решить эту проблему.

 // index.d.ts
declare module '*.scss';
 

Комментарии:

1. Я попробовал как перезапустить сервер, так и добавить index.d.ts его, как было предложено. Все еще получаю ту же ошибку. Похоже, проблема не только в модулях scss

Ответ №2:

Добавление к tsconfig.json

 "compilerOptions": {
    ...
    "baseUrl": ".",
    ...
}
 

Решил эту проблему