我已经使用https://github.com/FountainJS/generator-fountain-webapp设置使用阵营与打字稿一个新的项目。我对JS在正在进行的项目中使用node感到非常满意,但对问题似乎出处的TS不熟悉。
我已经跑了以下环境中生成:打字稿,反应过来,的WebPack W / NPM,一饮而尽。
运行时,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 [email protected] 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 [email protected] and /Users/omelvin/github_projects/kaizen/tsconfig.json
webpack built 5ccca2fe23cfa5a1a610 in 5073ms
TypeScript依赖于定义文件,这些文件定义了库的类型,接口等。我不熟悉FountainJS,但我猜它的智能足以建立一个typings.json
工作区中的文件。如果是这样,你需要做的就是安装分型(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。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句