Компилятор не может найти типы из node_modules / @ types - PullRequest
0 голосов
/ 18 октября 2019

Я пытаюсь загрузить P5 type из моих node_modules, но когда я компилирую свой код, терминал возвращает это сообщение об ошибке компиляции

Module not found: Error: Can't resolve 'p5' in '/Users/stan/En_cours/code/github/P5JS_TypeScript_WebPack/Template_V2/src'
 @ ./src/sketch.ts 2:0-25 23:18-20

для импорта в мой код, я использую import * as p5 from "p5";, но когда япрочитав журнал, компилятор пытается искать прямо в папке src, я не нахожу решение попросить перейти в хорошую папку в node_modules/@types/p5.

Для информации я новичокв TypeScript, NPM, Webpack ...

Я также пытался

import p5 from "../node_modules/@types/p5";
import * as p5 from "./node_modules/@types/p5";

Я нашел эти ссылки, но я не нашел решение, которое работает.

https://www.typescriptlang.org/docs/handbook/module-resolution.html

Импорт из установленных @types?

https://github.com/Microsoft/TypeScript/issues/16472

в моем package.json У меня

"devDependencies": {
    "@types/p5": "^0.9.0
    .../...
},

Ответы [ 2 ]

0 голосов
/ 20 октября 2019

Я исправляю часть проблемы. это была проблема версии машинописного текста, по неизвестной причине версия в моем package.json не является хорошей, поэтому я заменяю хорошей. Кроме того, существует проблема с импортом p5, например, скажем @ChristopherChiche. И вы знаете, что проблема не в размере export.js, сейчас он составляет около 8 МГ против 10 КБ раньше, и индекс не экспортируется: (

Я думаю, когдапроцесс экспорта, P5 добавлен, не уверен, но понюхайте это. Если это то, как не экспортировать p5, потому что мне это не нужно, потому что в html записывается ссылка <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>

проект: https://github.com/StanLepunK/P5JS_typeScript_webPack/tree/master/Template_V2

export.js  8.49 MiB       0  [emitted]  [big]  export
Entrypoint export [big] = export.js
[1] (webpack)/buildin/global.js 472 bytes {0} [built]
[2] ./src/sketch.ts + 1 modules 1.27 KiB {0} [built]
    | ./src/sketch.ts 826 bytes [built]
    | ./src/Z_Position.ts 468 bytes [built]
    + 1 hidden module

WARNING in configuration
The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment.
You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/concepts/mode/

WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB).
This can impact web performance.
Assets:
  export.js (8.49 MiB)

WARNING in entrypoint size limit: The following entrypoint(s) combined asset size exceeds the recommended limit (244 KiB). This can impact web performance.
Entrypoints:
  export (8.49 MiB)
      export.js


WARNING in webpack performance recommendations:
You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
For more info visit https://webpack.js.org/guides/code-splitting/
0 голосов
/ 18 октября 2019

При установке пакета вам может потребоваться установить набор текста (используется TypeScript, чтобы узнать, какой тип у используемых вами объектов).

Однако наиболее важной частью является то, что вы также загружаете сам пакет. Таким образом, вы должны выполнить

npm install p5

или

yarn install p5

Теперь, если p5 не имеет набранных значений в модуле, то вам также необходимо установить @types/p5.

Надеюсь, это поможет.

...