![](/img/trans.png)
[英]Could not find a declaration file for module. '/path/to/module-name.js' implicitly has an 'any' type
[英]Could not find a declaration file for module implicitly has an 'any' type - while importing part of CommonJS module
目前,该项目有一个 CommonJS 模块,例如为了存储仅在一个文件中维护的配置值:
module.exports = {
classA: `classA`,
classB: `classB`
classC: `classC`
}
这允许稍后通过执行以下操作来重用它们来生成 JS 选择器:
const CLASSES = require('./classes')
const SELECTORS = Object.keys(CLASSES).reduce((obj, key) => {
const selectorKey = key.replace(`class`, `selector`)
obj[selectorKey] = `.${CLASSES[key]}`
return obj
}, {})
module.exports = SELECTORS
选择器稍后也用于代码逻辑,并传递给 PostCSS 配置,后者生成要在.pcss
文件中使用的变量列表。
这一切都非常方便,有助于开发流程,此外,CommonJS 允许在需要时仅将特定值导入到组件中,例如:
import { classA } from './path/classes
它像梦一样工作,但它仍然如此,但是,在打字稿文件中以相同的方式导入它不满足 tslint 约束,并警告错误: Could not find a declaration file for module implicitly has an 'any' type
:
这是tsconfig.json
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"strict": true,
"jsx": "preserve",
"importHelpers": true,
"moduleResolution": "node",
"experimentalDecorators": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"sourceMap": true,
"noImplicitThis": true,
"baseUrl": ".",
"types": [
"webpack-env",
"jest"
],
"paths": {
"@/*": [
"src/*"
]
},
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
},
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx"
],
"exclude": [
"node_modules"
]
}
所以我想知道是否有一种有效的方法来取悦 TS 大神并以某种方式声明模块类型,或者至少在保留当前功能的同时重写呈现的逻辑。
PS:与鸭子交谈后,我得出的结论是,将其重写为 ts 模块将防止在 postcss 配置中需要选择器的可能性,因为它不支持 ES6 import
我发现的解决方案是在tsconfig.js
文件中添加"allowJs": true,
option
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.