TS не может найти модули

Question

Я использовал https://github.com/FountainJS/generator-fountain-webapp, чтобы создать новый проект, используя React & Typcript. Мне очень удобно, когда JS использовал узел для текущего проекта, но не знаком с TS, где проблема, похоже, лежит.

Я запустил генератор со следующей средой: машинописный, реактивный, webpack с NPM, gulp.

Когда я запускаю gulp serve Я получаю вывод ниже. Я довольно смущен, почему он не может найти файлы - все они есть в моей файловой системе. Я посмотрел на другие вопросы, и все, что решает мою проблему

[23:04:52] Loading /Users/omelvin/github_projects/kaizen/gulp_tasks/browsersync.js 
[23:04:53] Loading /Users/omelvin/github_projects/kaizen/gulp_tasks/karma.js 
[23:04:54] Loading /Users/omelvin/github_projects/kaizen/gulp_tasks/misc.js 
[23:04:54] Loading /Users/omelvin/github_projects/kaizen/gulp_tasks/webpack.js 
[23:04:54] Using gulpfile ~/github_projects/kaizen/gulpfile.js 
[23:04:54] Starting 'serve'... 
[23:04:54] Starting 'webpack:watch'... 
ts-loader: Using typescript@2.0.8 and /Users/omelvin/github_projects/kaizen/tsconfig.json 
[23:05:01] Time: 6436ms 
     Asset  Size Chunks  Chunk Names 
    index.js 1.11 MB  0  main 
index.js.map 1.32 MB  0  main 

ERROR in ./src/index.tsx 
(5,24): error TS2307: Cannot find module 'react'. 

ERROR in ./src/index.tsx 
(6,27): error TS2307: Cannot find module 'react-dom'. 

ERROR in ./src/index.tsx 
(7,45): error TS2307: Cannot find module 'react-router'. 

ERROR in ./src/index.tsx 
(1,1): error TS6053: File '/Users/omelvin/github_projects/kaizen/typings/index.d.ts' not found. 

ERROR in ./src/app/title.tsx 
(3,24): error TS2307: Cannot find module 'react'. 

ERROR in ./src/app/title.tsx 
(1,1): error TS6053: File '/Users/omelvin/github_projects/kaizen/typings/index.d.ts' not found. 

ERROR in ./src/app/techs/techs.tsx 
(3,24): error TS2307: Cannot find module 'react'. 

ERROR in ./src/app/techs/techs.tsx 
(4,24): error TS2307: Cannot find module 'axios'. 

ERROR in ./src/app/techs/techs.tsx 
(33,10): error TS2339: Property 'state' does not exist on type 'Techs'. 

ERROR in ./src/app/techs/techs.tsx 
(39,24): error TS2503: Cannot find namespace 'Axios'. 

ERROR in ./src/app/techs/techs.tsx 
(40,14): error TS2339: Property 'setState' does not exist on type 'Techs'. 

ERROR in ./src/app/techs/techs.tsx 
(51,17): error TS2339: Property 'state' does not exist on type 'Techs'. 

ERROR in ./src/app/techs/techs.tsx 
(1,1): error TS6053: File '/Users/omelvin/github_projects/kaizen/typings/index.d.ts' not found. 

ERROR in ./src/app/techs/tech.tsx 
(3,24): error TS2307: Cannot find module 'react'. 

ERROR in ./src/app/techs/tech.tsx 
(50,44): error TS2339: Property 'props' does not exist on type 'TechComponent'. 

ERROR in ./src/app/techs/tech.tsx 
(52,17): error TS2339: Property 'props' does not exist on type 'TechComponent'. 

ERROR in ./src/app/techs/tech.tsx 
(54,18): error TS2339: Property 'props' does not exist on type 'TechComponent'. 

ERROR in ./src/app/techs/tech.tsx 
(55,18): error TS2339: Property 'props' does not exist on type 'TechComponent'. 

ERROR in ./src/app/techs/tech.tsx 
(1,1): error TS6053: File '/Users/omelvin/github_projects/kaizen/typings/index.d.ts' not found. 

ERROR in ./src/app/main.tsx 
(3,24): error TS2307: Cannot find module 'react'. 

ERROR in ./src/app/main.tsx 
(1,1): error TS6053: File '/Users/omelvin/github_projects/kaizen/typings/index.d.ts' not found. 

ERROR in ./src/app/header.tsx 
(3,24): error TS2307: Cannot find module 'react'. 

ERROR in ./src/app/header.tsx 
(1,1): error TS6053: File '/Users/omelvin/github_projects/kaizen/typings/index.d.ts' not found. 

ERROR in ./src/app/footer.tsx 
(3,24): error TS2307: Cannot find module 'react'. 

ERROR in ./src/app/footer.tsx 
(1,1): error TS6053: File '/Users/omelvin/github_projects/kaizen/typings/index.d.ts' not found. 

ERROR in /Users/omelvin/github_projects/kaizen/src/app/footer.spec.tsx 
(4,24): error TS2307: Cannot find module 'react'. 

ERROR in /Users/omelvin/github_projects/kaizen/src/app/footer.spec.tsx 
(5,27): error TS2307: Cannot find module 'react-dom'. 

ERROR in /Users/omelvin/github_projects/kaizen/src/app/footer.spec.tsx 
(6,28): error TS2307: Cannot find module 'react-addons-test-utils'. 

ERROR in /Users/omelvin/github_projects/kaizen/src/app/footer.spec.tsx 
(10,1): error TS2304: Cannot find name 'describe'. 

ERROR in /Users/omelvin/github_projects/kaizen/src/app/footer.spec.tsx 
(11,3): error TS2304: Cannot find name 'it'. 

ERROR in /Users/omelvin/github_projects/kaizen/src/app/footer.spec.tsx 
(14,5): error TS2304: Cannot find name 'expect'. 

ERROR in /Users/omelvin/github_projects/kaizen/src/app/footer.spec.tsx 
(1,1): error TS6053: File '/Users/omelvin/github_projects/kaizen/typings/index.d.ts' not found. 
Child html-webpack-plugin for "index.html": 
     Asset Size Chunks  Chunk Names 
    index.html 564 kB  0 
[23:05:01] Finished 'webpack:watch' after 6.45 s 
[23:05:01] Starting 'watch'... 
[23:05:01] Finished 'watch' after 54 ms 
[23:05:01] Starting 'browsersync'... 
[23:05:01] Finished 'browsersync' after 78 ms 
[23:05:01] Finished 'serve' after 6.58 s 
[BS] [BrowserSync SPA] Running... 
[BS] Access URLs: 
-------------------------------------- 
     Local: http://localhost:3000 
    External: http://10.193.122.24:3000 
-------------------------------------- 
      UI: http://localhost:3001 
UI External: http://10.193.122.24:3001 
-------------------------------------- 
[BS] Serving files from: .tmp 
[BS] Serving files from: src 
ts-loader: Using typescript@2.0.8 and /Users/omelvin/github_projects/kaizen/tsconfig.json 
webpack built 5ccca2fe23cfa5a1a610 in 5073ms 

Answer 1

машинопись опирается на файлы определений, которые определяют типы, интерфейсы и т.д. для библиотек не найдено. Я не знаком с FountainJS, но я предполагаю, что он достаточно умен, чтобы создать файл typings.json в вашем рабочем пространстве. Если это так, все, что вам нужно сделать, это установить typings (npm install typings --global), а затем использовать его для установки определений, выполнив typings install.

Если они не включали typings.json (хотя я не могу представить, что они этого не сделали), следуйте инструкциям на их README, чтобы найти и установить определения для зависимостей.

Я обычно добавить следующие строки в package.json так, что типизации будут установлены автоматически в любое время запустить npm install

"scripts": { "postinstall": "npm run typings", "typings": "typings install", }

Если вы не знакомы с машинопись, я рекомендую идти через основной учебник для начала работы: https://www.typescriptlang.org/docs/tutorial.html.