Comments (18)
@kmturley: Thanks for your response!
I try with all the possible solutions found and seems like the only workable sol for me is below:
# web3.service.ts
const Web3 = require('web3');
declare var require: any;
Do you have any ideas what may cause this issue?
from angular-truffle-box.
This seems related to this error:
#22
from angular-truffle-box.
I think it's also related to the version of Web3. I was getting issues with:
"web3": "^1.0.0-beta.30"
but not with:
"web3": "^0.19.1"
You can downgrade using the command:
npm install [email protected] --save
from angular-truffle-box.
Also there are other gotchas with the tools, so reset everything when testing:
- Close and reopen ganache
- Run truffle and angular commands again
truffle compile
truffle migrate
ng serve
- If still having issues, try resetting MetaMask:
MetaMask > Settings > Reset Account
from angular-truffle-box.
https://github.com/Quintor/angular-truffle-box/blob/master/tsconfig.json#L10
This line is what fixed the original issue for me. If anyone has a current configuration in which this error occurs, let me know. Downgrading web3 should not be necessary, but is indeed an approach.
from angular-truffle-box.
Facing the this exact error with a fresh download of this truffle box.
The copy already contains "allowSyntheticDefaultImports": true".
from angular-truffle-box.
@Muhammad-Altabba Could you let me know versions of: node, npm, angular-cli, truffle?
from angular-truffle-box.
Kindly find bellow:
node -v
v8.11.1
truffle version
Truffle v4.1.5 (core: 4.1.5)
Solidity v0.4.21 (solc-js)
npm version
{ 'angular-truffle-box': '0.0.0',
npm: '5.8.0',
ares: '1.10.1-DEV',
cldr: '32.0',
http_parser: '2.8.0',
icu: '60.1',
modules: '57',
nghttp2: '1.25.0',
node: '8.11.1',
openssl: '1.0.2o',
tz: '2017c',
unicode: '10.0',
uv: '1.19.1',
v8: '6.2.414.50',
zlib: '1.2.11' }
ng version
Angular CLI: 1.7.3
Node: 8.11.1
OS: linux x64
Angular: 5.2.9
... animations, common, compiler, compiler-cli, core, forms
... http, platform-browser, platform-browser-dynamic
... platform-server, router@'angular/cli: 1.7.3
@'angular/language-service: 4.4.6
@'angular-devkit/build-optimizer: 0.3.2
@'angular-devkit/core: 0.4.8
@'angular-devkit/schematics: 0.3.2
@'ngtools/json-schema: 1.2.0
@'ngtools/webpack: 1.10.2
@'schematics/angular: 0.3.2
@'schematics/package-update: 0.3.2
typescript: 2.4.2
webpack: 3.11.0
from angular-truffle-box.
Thank you! And web3 version? The error occurring is exactly the same, with web3, rather than some other package?
from angular-truffle-box.
I am facing the issue while using the current fresh version of this box. So web3 version is the same mentioned at current package.json:
"web3": "1.0.0-beta.33"
Thanks,
from angular-truffle-box.
I take it you've used truffle unbox
? Does the problem also exist if you git clone the repo to a clean directory and run npm install
instead? (All other instructions are the same)
from angular-truffle-box.
Unfortunately, both truffle unbox
, and cloning the repository to a clean directory and running npm install
, led to the same issue.
from angular-truffle-box.
Does it also occur when using ng serve -prod
, instead of ng serve
? And 1.0.0-beta.33
is also the web3 version in the package-lock.json
from angular-truffle-box.
It works with ng serve -prod
(1.0.0-beta.33 is also the web3 version in the package-lock.json)
However, I noticed at at package-lock.json that web3 required version for the project is 1.0.0-beta.33:
"web3": {
"version": "1.0.0-beta.33",
"resolved": "https://registry.npmjs.org/web3/-/web3-1.0.0-beta.33.tgz",
"integrity": "sha1-xgIbV2mSdyY3HBhLhoRFMRsTkpU=",
"requires": {
"web3-bzz": "1.0.0-beta.33",
"web3-core": "1.0.0-beta.33",
"web3-eth": "1.0.0-beta.33",
"web3-eth-personal": "1.0.0-beta.33",
"web3-net": "1.0.0-beta.33",
"web3-shh": "1.0.0-beta.33",
"web3-utils": "1.0.0-beta.33"
}
},
But truffle-contract depends on version 0.20.6 of web3:
"truffle-contract": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/truffle-contract/-/truffle-contract-3.0.4.tgz",
"integrity": "sha512-/1LCtJFf5Jvm5Rv88T0d/rZSKvaiW/yO1SHXLGJgKzLsiG1F/2spFs4HrI1mRxP00opfrYXloEmLtkVV/kcndQ==",
"dev": true,
"requires": {
"ethjs-abi": "0.1.8",
"truffle-blockchain-utils": "0.0.4",
"truffle-contract-schema": "2.0.0",
"truffle-error": "0.0.2",
"web3": "0.20.6"
},
"dependencies": {
"crypto-js": {
"version": "3.1.8",
"resolved": "https://registry.npmjs.org/crypto-js/-/crypto-js-3.1.8.tgz",
"integrity": "sha1-cV8HC/YBTyrpkqmLOSkli3E/CNU=",
"dev": true
},
"web3": {
"version": "0.20.6",
"resolved": "https://registry.npmjs.org/web3/-/web3-0.20.6.tgz",
"integrity": "sha1-PpcwauAk+yThCj11yIQwJWIhUSA=",
"dev": true,
"requires": {
"bignumber.js": "git+https://github.com/frozeman/bignumber.js-nolookahead.git#57692b3ecfc98bbdd6b3a516cb2353652ea49934",
"crypto-js": "3.1.8",
"utf8": "2.1.1",
"xhr2": "0.1.4",
"xmlhttprequest": "1.8.0"
}
}
}
}
from angular-truffle-box.
Yep. The difference between web 1.x and 0.20 is by design.
Does ng test
result in successful tests?
This issue looks a lot like #31, which I resolved in #33. Does it work if you change the module system and/or target in https://github.com/Quintor/angular-truffle-box/blob/master/src/tsconfig.app.json.
Also, what browser are you using?
from angular-truffle-box.
@Muhammad-Altabba Above pull request should have fixed it. If not, could you let me know?
from angular-truffle-box.
@pimotte Greate. However, I used the latest version and I came with another issue that I raised here #35
Thanks for your collaboration.
from angular-truffle-box.
ERROR TypeError: web3_1.default is not a constructor
This problem was made me crazy a few days.
I used "npm install web3 --save" command and import Web3 from 'web3';
So, the error occurred!
In my experience, I removed "import Web3 from 'web3';" and added new lines like
"declare let Web3: any;
declare let web3;"
It works correctly for me.
I hope that this is correct resolve.
Thanks
from angular-truffle-box.
Related Issues (20)
- Trouble unboxing package HOT 7
- ERROR TypeError: web3_1.default is not a constructor HOT 5
- TypeChain HOT 10
- Error HOT 4
- Create Dockerfile HOT 1
- Event example HOT 2
- Use Ganache instead of TestRPC HOT 4
- Updating angular cli to version 1.6.2 causes karma tests to fail HOT 2
- When try to unbox, can't find Python executable even it is already installed HOT 4
- Error: Contract has not been deployed to detected network (network/artifact mismatch) HOT 2
- Upgrade to angular 6.0 HOT 2
- Having trouble unboxing this box HOT 2
- Update to Angular 7 HOT 1
- accounts balance happend but dont refresh on ganache or metamask HOT 5
- Remove node-gyp subdependencies
- Revisit web3 integration
- truffle unbox Quintor/angular-truffle-box command problems HOT 3
- this truffle cant work with Metamask since this year (Chrome) HOT 1
- Unbox failing on windows 10 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-truffle-box.