我使用https://github.com/FountainJS/generator-fountain-webapp使用React＆amp; amp;来设置新项目打字稿。我很满意JS使用节点进行正在进行的项目，但不熟悉问题似乎存在的TS。
我使用以下环境运行了生成器：typescript，react，webpack w / 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
答案 0 :(得分：6)
TypeScript依赖于定义库的类型，接口等的定义文件。我不熟悉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",
}
如果您不熟悉TypeScript，我建议您完成基本教程以开始使用：https://www.typescriptlang.org/docs/tutorial.html。
答案 1 :(得分：2)
从tsconfig.json删除“模块”和“目标”字段对我有用。
UPD：删除目标是可以的，但是删除模块不是一个选择，因为编译器依赖于它。您还可以通过在tsconfig中添加"moduleResolution": "node"来解决该问题。
答案 2 :(得分：0)
您需要确保 tsconfig.json 文件中存在以下内容
{
"compilerOptions": {
...
...
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
...
...
},
"include": ["src", "decs.d.ts"]
}
注意这一行
"include": ["src", "decs.d.ts"]
确保您在文件夹 decs.d.ts 中创建文件 src
所以文件src/decs.d.ts的内容应该是
declare module 'jwt-decode';
其中 jwt-decode 是您需要导入的任何 ts 模块的名称
这应该可以解决找不到模块的错误