松露-安装合同，但在Chrome控制台中接收错误:未登录错误:找不到模块“松露-合同”

Question

我正在进行我的第一个端到端的ethereum项目。我遇到的一个问题是，我已经安装了“松露-合同”，但是当我运行服务器并在Chrome浏览器中打开项目时，控制台正在报告：

Uncaught Error: Cannot find module 'truffle-contract'
at s (_prelude.js:1)
at s (_prelude.js:1)
at splitter.js:1

我的node_modules正在播放“松露合同”。Package.json也展示了它：

  "dependencies": {
"truffle-contract": "^3.0.6"
}

在我的应用程序文件夹中，我有一个“splitter.js”文件，它具有块菌合同的要求：

var contract = require("truffle-contract");
const splitterJson = require("../build/contracts/Splitter.json");
const Splitter = contract(splitterJson);

它在“松露-合同”的第一个双引号下显示了三个点，当它盘旋时显示如下：

Could not find a declaration file for module 'truffle-contract'. 
'/home/richard/workspace/Splitter/node_modules/truffle- 
contract/index.js' implicitly has an 'any' type.
Try `npm install @types/truffle-contract` if it exists or add a new 
declaration (.d.ts) file containing `declare module 'truffle-   
contract';`ts(7016)
module "/home/richard/workspace/Splitter/node_modules/truffle- 
contract/index"

使用@type进行安装并没有什么区别。指定的路径正确。

我已经删除了node_modules，运行了'npm init'，'npm安装松露-合同‘和'npm安装’从新鲜，但它没有什么区别。

对于为什么找不到模块，有什么建议吗？

Answer 1

默认情况下，"require“在客户端不起作用，它只在服务器端(即NodeJS)可用。Webpack需要对应用程序文件夹进行打包，并使其在服务器端运行，这将使“要求”工作。