类型错误：无法使用 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 undefined

new e

node_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&nbsp;const&nbsp;commerce&nbsp;=&nbsp;new&nbsp;Commerce(process.env.REACT_APP_CHEC_PUBLIC_KEY,&nbsp;true);和export&nbsp;const&nbsp;commerce&nbsp;=&nbsp;new&nbsp;Commerce('PUBLIC_API_KEY',&nbsp;true);我无法以任何其他方式修复它。

Answer 3

以下是一些应该会有所帮助的快速步骤：转到/src文件夹并创建这个文件chec-commerce.d.ts告诉dTypeScript 这是一个声明脚本。在刚刚创建的文件中，写入以下内容：declare&nbsp;module&nbsp;'@chec/commerce';根据您导入模块的方式，这应该会清除所有错误。请确认。

Answer 4

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