Welcome to my blog.
Gulp Webpack Starter - fast static website builder. The starter uses gulp toolkit and webpack bundler. Download to get an awesome development experience!
License: MIT License
Welcome to my blog.
Hi guys.
I m getting the bellow error.
Do you have any advice?
Windows 10 PRO
Node v10.16.0
npm 6.9.0
internal/validators.js:125
throw new ERR_INVALID_ARG_TYPE(name, 'string', value);
^
TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received type undefined
at validateString (internal/validators.js:125:11)
at Object.join (path.js:427:7)
at Object. (E:\new-bb\demo\config.js:52:56)
at Module._compile (internal/modules/cjs/loader.js:776:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:787:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
at Function.Module._load (internal/modules/cjs/loader.js:585:3)
at Module.require (internal/modules/cjs/loader.js:690:17)
at require (internal/modules/cjs/helpers.js:25:18)
Thanks
_sprite.scss should be created inside dev folder:
C:\nodejs\api\dev\sass\parts\vendor_sprite.scss
_sprite.scss is created inside dist/dev folder:
C:\nodejs\api\dist\dev\sass\parts\vendor_sprite.scss
when i run
yarn start
i get this error:
[12:02:07] gulp-notify: [Error running Gulp] Error: dev\sass\parts\vendor\_icons.scss
Error: File to import not found or unreadable: sprite.
on line 5 of dev/sass/parts/vendor/_icons.scss
from line 8 of dev/sass/parts/vendor/_index.scss
from line 11 of dev/sass/bundle.scss
>> @import 'sprite';
^
1.Download gulp-webpack-starter
2. run in console
yarn
yarn start
Windows 10 home
npm version 6.4.1
node version v10.10.0
Thanks
Add description about using proxy
@scallemang has found bug after integration starter in Wordpress.
Description:
... I'm trying to use it inside a local WordPress project using MAMP. I cloned your repo into the theme folder, and I added a proxy to the config.json ("[project].dev") and changed the port to 8080 in the browserSync.js file. I also removed 'html' from the default and watch tasks. When I update the helpers.js file, the page keeps refreshing. (See link.) Are you able to advise me what I'm doing wrong?
Change babel-preset-es2015 to babel-preset-env
Running on Windows 10:
yarn build
yarn run v1.3.2
$ NODE_ENV=production gulp
'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Some suggest it may be a cross platform syntax issue.
Hello,
Thank you for sharing...
I have discovered that when modifying js code, the page is loading over and over and never stops.
I have seen that thanks to the browsersync notification and dev tools that keeps on blinking all the time.
Any clue ?
Thanks for the great starter!
What is the purpose of streaming everything. Does that really make sense?
.pipe(reload({ stream: true })));
Please check the documentation. I think the parameter stream: true
is deprecated
"scripts": {
"dev": "gulp",
"pro": "gulp --production",
"deploy": "gulp deploy --production"
}
After installing the node modules and run the command "npm run start" the script exists with an error
assert.js:385
throw err;
^
The setup is the same that is in this repository.
Test and update packages
I am new to webpack, but every setup has a webpack.config.js. Is there a reason why you have used this file?
HMR process-update.js :
Ignored an update to unaccepted module ...
(Full reload needed)
This is usually because the modules which have changed (and their parents) do not know how to hot reload themselves.
Current solution:
entry: {
app: [
'webpack-hot-middleware/client?reload=true',
'./main.js',
]
}
Normal project reassembly after edit and compile JS file
Page in the browser in infinity refresh
Detailed steps for reproducing the issue.
Hi Mate..
Thanks for great resources. I just want to ask where i can config server details for deploy on hosting server?
Running on Windows 10:
yarn deploy
yarn run v1.3.2
$ NODE_ENV=production gulp deploy
'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
May be similar to: #26
Smaller size of bundle.js (faster compile)
It takes very long to compile js. The bundle.js file is very big.
GET http://localhost:3000/__webpack_hmr net::ERR_INCOMPLETE_CHUNKED_ENCODING
This the same case as #35
I don't use WordPress, so I don't use proxy mode.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.