类型错误：无法使用 commerce.js 读取未定义的属性“toLowerCase”

Question

我一直在尝试用多种方法解决这个错误，因为其他人也有类似的输出，但仍然无法完全做到。我正在创建一个集成 commerce.js 的电子商务网站，从“@chec/commerce.js”导入后，我收到了警告（VS）：Could not find a declaration file for module '@chec/commerce.js'. '/Users/e-commerce/node_modules/@chec/commerce.js/lib/index.js' implicitly has an 'any' type.  Try `npm install @types/chec__commerce.js` if it exists or add a new declaration (.d.ts) file containing `declare module '@chec/commerce.js';`ts(7016)每当我触发本地主机时，正如我所期望的那样，我都会看到一条相关的错误消息，但并不完全相同（将在下面重现）。因此我的想法是：修复 VS 中的错误消息，很可能也会修复这个问题。我设法通过添加新的声明文件来解决警告（因为似乎提到的包还不存在）所以，我认为是这样，然后我启动了服务器，输出与以前完全相同。TypeError: Cannot read property 'toLowerCase' of undefinednew enode_modules/@chec/commerce.js/lib/index.js:1现在，显然是node_modules 中文件index.js 的第一行。好吧，那它说了什么？（为了以防万一，我会在这里写不止第一行）    var _objectWithoutProperties=require("@babel/runtime/helpers/objectWithoutProperties"),_toConsumableArray=require("@babel/runtime/helpers/toConsumableArray"),_typeof=require("@babel/runtime/helpers/typeof"),_defineProperty=require("@babel/runtime/helpers/defineProperty"),_classCallCheck=require("@babel/runtime/helpers/classCallCheck"),_createClass=require("@babel/runtime/helpers/createClass"),_regeneratorRuntime=require("@babel/runtime/regenerator"),_asyncToGenerator=require("@babel/runtime/helpers/asyncToGenerator"),axios=require("axios");function _interopDefaultLegacy(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}但这不是唯一的一个，下面还有另一个抱怨商务模块的问题Module.<anonymous>src/lib/commerce.js:4  1 | // @ts-ignore  2 | import Commerce from "@chec/commerce.js";  3 | > 4 | export const commerce = new Commerce(  5 |   process.env.REACT_APP_CHEC_PUBLIC_KEY,  6 |   true  7 | );好吧，现在我对仍然看到的错误消息有点困惑，因此想听听您认为这可能是什么问题？我也在这里查看了一些帖子，例如Typescript React - Could not find a declaration file for module ''react-materialize'。'path/to/module-name.js' 隐式具有任何类型和相关顺便说一句，我没有使用打字稿。

Answer 1

我遇到了完全相同的错误，当我将 .env 文件移到 src/ 文件夹之外时，它就消失了。也不使用 TypeScript。

Answer 2

替换这个：

export const commerce = new Commerce(process.env.REACT_APP_CHEC_PUBLIC_KEY, true);

和

export const commerce = new Commerce('PUBLIC_API_KEY', true);

我无法以任何其他方式修复它。

Answer 3

以下是一些应该会有所帮助的快速步骤：

• 转到/src文件夹

• 并创建这个文件chec-commerce.d.ts
  告诉dTypeScript 这是一个声明脚本。

• 在刚刚创建的文件中，写入以下内容：

declare module '@chec/commerce';

根据您导入模块的方式，这应该会清除所有错误。
请确认。

Answer 4

.env 文件应该位于 src 文件夹之外，它对我有用，它也对你有用......