8.0.0ã«ã¢ããã°ã¬ãŒãããã°ããã§ããšãŠãè奮ããŠããŸãã ãããžã§ã¯ãã®ã³ã³ãã€ã«ã劚ããããŠããã®ã«åé¡ãçºçããŸãã
ãããã£ãŠã dev
ãå®è¡ãããšã次ã®åé¡ãçºçããŸã
You may need an appropriate loader to handle this file type.
|
|
> import('./noop');
| var _window = window,
| assetPrefix = _window.__NEXT_DATA__.assetPrefix;
webpack 4.29.0
ããæ¥ãŠããããã§ãïŒãããåç
§ïŒã
acorn": "^6.0.5
ãäŸåé¢ä¿ãšããŠå®£èšãããã®åé¡ã¯ä¿®æ£ãããããã§ãããå€æŽã¯ãã¹ã¿ãŒã«ååšããªãããã§ã
å€åç§ã¯ããŸãã«ãæ©ãã¢ããã°ã¬ãŒãããŸãããïŒ
åãåé¡ãçºçããŸããã éçºã¢ãŒããéå§ã§ããŸããã npmãææ°ããŒãžã§ã³ã«æŽæ°ããacornããã±ãŒãžãã€ã³ã¹ããŒã«ããããšããŸãããã圹ã«ç«ã¡ãŸããã§ããã
@timneutkens
åãæ ¹æ¬åå ãããå¯èœæ§ã®ããã€ã³ããŒãã«é¢é£ããå¥ã®ãšã©ãŒããããŸãïŒ
/Users/andrewingram/Repositories/tego/website-next/node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js:1
(function (exports, require, module, __filename, __dirname) { import _Symbol$iterator from "../../core-js/symbol/iterator";
^^^^^^^^^^^^^^^^
SyntaxError: Unexpected identifier
[email protected]ã«ããŠã³ã°ã¬ãŒãããã°ããã¹ãŠåé¡ãããŸããã
@AndrewIngramã¯è€è£œãæäŸã§ããŸããïŒ ãã®1ã€ã調ã¹ãããšã«èå³ããããŸãã Webpackã§ã¯ãªãã@ babel / runtimeã«é¢é£ããŠããããã§ãã
ç§ã¯åããšã©ãŒã«çŽé¢ããŠããŸãã acorn
ãã€ã³ã¹ããŒã«ããŠãæ©èœããŸããã åèãŸã§ã«ããšã¯ã¹ãã¬ã¹ãµãŒããŒã®å®è¡ã«ã¯ts-node
ã䜿çšããŸãã
ç§ã®å Žåãããã¯@ babel / coreãã¢ããã°ã¬ãŒãããããšã§ä¿®æ£ãããŸããã
- "@babel/core": "^7.1.0",
+ "@babel/core": "7.2.2",
äœããã®çç±ã§ãçŸåšãçŽæ¥äŸåé¢ä¿ãšããŠãããæã£ãŠããŸãã
åãåé¡ãšãšã©ãŒã¡ãã»ãŒãžã衚瀺ãããŸãã @babel/core
ã¯"7.2.2"
ã«èšå®ãããŠãããããåé¡ã«ãªããªãå¯èœæ§ããããŸãã
ãŸãããã®åé¡ãçºçããŠãããåé¿çãšããŠã¹ã¬ããããã©ããŒããŠããŸãã
next build
ã䜿çšïŒã¯æ£åžžã«ãã«ãããã³å®è¡ãããŸããã¹ã¬ããã§ãªã³ã¯ãããŠããåé¡ã«åŸããdevDependanciesãããã解決ããã®ã§[email protected]
ãš@babel/[email protected]
ãã€ã³ã¹ããŒã«ããŸãã
ïŒããã«ãããçŽæ¥ã®äŸåé¢ä¿ãšããŠã¯ãªãAcornããã±ãŒãžã«é¢ãããšã©ãŒã解決ãããŸãããïŒ
webpack
ãš@babel/core
ãæŽæ°ããåŸããåãåé¡ãçºçããŸããã package-lock.json
ãšnode_modules
ãåé€ããæ°èŠã€ã³ã¹ããŒã«ãå®è¡ãããšãåé¡ã解決ããŸããã
æ®å¿µãªãããããã§ãåãåé¡ãçºçããŸãã ã¬ããªã±ãŒã·ã§ã³ã¯æ¬¡ã®ãšããã§ãïŒ https ïŒ//github.com/jescalan/nextjs-test/tree/je.canary
éçãªãã«ããšãšã¯ã¹ããŒãã¯çŽ æŽãããæ©èœããŸãããšã©ãŒãçºçããã®ã¯éçºã¢ãŒãã ãã§ãã babelãwebpackãäŸåé¢ä¿ãšããŠã€ã³ã¹ããŒã«ãããŠããŸããã
package-lock.json
ãåé€ããŠä¿®æ£ããåçæããŸãã ãã®ãã©ã³ãã®æåŸã®ã³ãããã¯ã package-lock.json
ã«å¯ŸããŠè¡ãããæŽæ°ã瀺ããŠããŸã-ããŸãããã°ããããåå ãç¹å®ããã®ã«åœ¹ç«ã¡ãŸãïŒ
node_modules
ãšpackage-lock.json
ãåé€ããŠããåã€ã³ã¹ããŒã«ãããšãããã解決ããŸããã
node_modules
ãšpackage-lock.json
ãåé€ããŠãããã¯è§£æ±ºããŸããã§ãããã @ iaincollinsãææ¡ããããã«ãéçºäŸåé¢ä¿ãšããŠ[email protected]
ãã€ã³ã¹ããŒã«ããŸããã
ãã®åé¡ãçºçããŠããŸããããã®ããã±ãŒãžã®ç¯å²å€ã§ãã äžäœããŒãžã§ã³ã®ããŒãïŒv9.11 [ååãäœæ¥ããŠããããŒãžã§ã³]ïŒã«ããŠã³ã°ã¬ãŒããã webpack @ 4.28.4ãã€ã³ã¹ããŒã«ããŠãnode_modulesãåã€ã³ã¹ããŒã«ãããšããããä¿®æ£ãããŸããã
åãæ ¹æ¬åå ãããå¯èœæ§ã®ããã€ã³ããŒãã«é¢é£ããå¥ã®ãšã©ãŒããããŸãïŒ
/Users/andrewingram/Repositories/tego/website-next/node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js:1 (function (exports, require, module, __filename, __dirname) { import _Symbol$iterator from "../../core-js/symbol/iterator"; ^^^^^^^^^^^^^^^^ SyntaxError: Unexpected identifier
[email protected]ã«ããŠã³ã°ã¬ãŒãããã°ããã¹ãŠåé¡ãããŸããã
è€éãªãããžã§ã¯ãã§@AndrewIngramãšåãåé¡ã«çŽé¢ããŠããŸãã ãã®åé¡ã¯ãéçºã¢ãŒãã®[email protected]
ã§ã®ã¿çºçããæ¬çªçšã«ã³ã³ãã€ã«ããå Žåã«ã¯çºçããŸããã
ç§ã¯åãåé¡ã«ééããŸããã node_modules
ãšpackage-lock.json
ã®äž¡æ¹ãåé€ãã_did_ãåã€ã³ã¹ããŒã«ãããšä¿®æ£ãããŸãã äžéšã®åé¡ãçºçããå Žåã«åããŠãåã€ã³ã¹ããŒã«ããåã«ãã£ã¬ã¯ããªãšããã¯ãã¡ã€ã«ã®äž¡æ¹ãåé€ããããšãéèŠã§ãã
TypeScriptãã¡ã€ã«ã§ãåãåäœãããŸãã
error in ./stores/index.ts
Module parse failed: Export 'IStore' is not defined (77:9)
You may need an appropriate loader to handle this file type.
| return Store;
| };
> export { IStore, IStoreSnapshotIn, IStoreSnapshotOut };
@ ./pages/_app.tsx 16:0-37 38:24-32 83:18-26
@icflorescuæ確ãªåçŸãªãã«åé¡ã解決ããããšã¯äžå¯èœã§ãã ããã«èª¿æ»ã§ããããã«æäŸããŠãã ããð
@icflorescuã¯ããããšåãã§ã¯ãªãã®ã§ãæ°ããåé¡ïŒè€è£œãå«ãïŒãäœæã§ããŸããïŒð
@timneutkensæšå€ãç§ã®åé¡ã®åå ãïŒ6273ã§ããããšãããããããããŸããã
ãã®ã¹ã¬ããã§è¿°ã¹ãããã«ã next/babel
ããªã»ããã['next/babel', { 'transform-runtime': { useESModules: false } }]
ã«å€æŽãããšããšã©ãŒã¯ãªããªããŸãã
ç·šéïŒãã¹ããªããžããªãå ¬éããŸãããïŒ6273ã®èª¬æãåç §ããŠãã ããã
ç§ã®å Žåãnode_modulesãã£ã¬ã¯ããªãå®å šã«åã€ã³ã¹ããŒã«ããã ãã§ãã®åé¡ãä¿®æ£ãããŸããã ããã¯ãã¢ãžã¥ãŒã«ã®å éšäŸåé¢ä¿ãšæ®ãã®ã¢ãžã¥ãŒã«ã«é¢é£ããŠããå¯èœæ§ããããŸãã
åãåé¡ããããŸãïŒåçã€ã³ããŒãã䜿çšãããšåããšã©ãŒãçºçããŸããSpectrumhttpsïŒ//spectrum.chat/users/matthew-rapatiïŒthread = c677c233-8b02-447f-aff0-97b3399a493fã«æžãââ蟌ã¿ãŸããïŒã
node_modulesãpackage-lock.jsonãåé€ããnpmãã£ãã·ã¥ãã¯ãªã¢ããããšããŸããããåé¡ã¯è§£æ±ºããŸããã§ããã æ©äŒãããã°ãåé¡ã®å°ããªè€è£œãäœæããããšããŸãã
acorn
ãã€ã³ã¹ããŒã«ãããšããã®åé¡ãä¿®æ£ãããŸããã ã«ããªã¢ã§ã¯ãã§ã«ããŒãžãããŠããŸããããã¹ã¿ãŒã§ã¯ãŸã ããŒãžãããŠããŸããã https://github.com/zeit/next.js/pull/6137
Next.jsã«acornãã€ã³ã¹ããŒã«ããŠããåé¡ã¯è§£æ±ºããŸããã
ç§ãåããŠãããšããã§ã¯ãããã¯æ¬¡ã®8ã«ã¢ããã°ã¬ãŒãããããšãããšãã«ç§ãã¡ã«åœ±é¿ãäžããŸããã
Yarnã䜿çšããŠäŸåé¢ä¿ãã€ã³ã¹ããŒã«ããããšã§ãç§ã¯ããŸããããŸããã è¶ å¥åŠã
ãããåå©ã®ã³ã³ãã§ãïŒ100ïŒ
åçŸå¯èœã§ããããšã確èªããŠãã ããïŒïŒ
ç§ã®ãããžã§ã¯ãã«ã¯ãã§ã«æ¬¡ã®v7ããããŸãã
npm install next@latest
->次ã®v8.0.1ãã€ã³ã¹ããŒã«ããŸãããã©ãããã«ã€ããŠèŠåããŸãnpm run dev
->次ã«å®è¡ããããã®gitã®åé¡ã§èª¬æãããŠãããšã©ãŒã§å€±æããŸãnpm install acorn
npm run dev
->次ã«å®è¡ããããã®gitã®åé¡ã§èª¬æãããŠãããšã©ãŒã§å€±æããŸãnpm install next@latest
->èŠåãªãnpm run dev
åäœããŸã!!! ðçµè«
éèŠãªã®ã¯ã次ã®åã«ã©ããããã€ã³ã¹ããŒã«ããããšã§ã
ããã§ãããã¯ããçš®ã®äŸåé¢ä¿ã®è§£æ±ºã§ãããïŒ ç§ã®åé¡ã解決ãã@ vasco3 ã
ããã¯ã v8.0.0-canary.11
ãšv8.0.0-canary.12
ã®éã§çŽæ¥çºçããŸãhttps://github.com/zeit/next.js/compare/v8.0.0-canary.11...v8.0.0-canary .12
@iaincollinsãææ¡ããããã«ãdevDependenciesãšããŠ[email protected]
ãš@babel/[email protected]
ãã€ã³ã¹ããŒã«ãããšããããä¿®æ£ãããŸãã
次ã®8.0.2ã§ããŸã ååšããŠããŸãã acornã¯package.jsonã§ã¢ããã°ã¬ãŒãããå¿ èŠããããåé¡ãä¿®æ£ããŸã
確èªæžã¿ïŒ8.0.3ã§ãã®åé¡ãä¿®æ£ãããŸã
@ vasco3ã®æšå¥šäºé ãè©Šãã次ã®ã©ãããã®åŸã«ã€ã³ã¹ããŒã«ãããŸã§ãdevã®å®è¡ã«é¢ããåé¡ã¯æ¬¡ã®8.0.3ã§ãçºçããŠããŸããã å€...
Acornãªãã§8.0.3ãå®è¡ããŸããã
NPMã次ã«æ£ãããã£ãã·ã¥ããŠããªãã£ãããã§ãã node_modules
ãã©ã«ããåé€ããŠ$ package-lock
npm i
å®è¡ããŠããåé¡ã¯è§£æ±ºããŸããã å®éã«NPMCLIã䜿çšããŠæ¬¡ã«ã¢ã³ã€ã³ã¹ããŒã«ãããšããã£ãã·ã¥ããé©åã«åé€ãããããã«èŠããŸããAcornã䜿çšããã«åã€ã³ã¹ããŒã«ãããšãèµ·åããŠå®è¡ãããŸãã
@Soundvesselãšåã
$ïŒ next@8
$ïŒ$ã®åã«$ acorn
ãã€ã³ã¹ããŒã«ãããšãåé¡ãä¿®æ£ãããŸããã
npm ci
npm i -S acorn<strong i="10">@latest</strong>
npm i -S next<strong i="11">@latest</strong>
@Magellolã¯ã npm ci
ã®åŸã§éçºã¢ãŒããå®è¡ããŠã¿ãŸãããã 2çªç®ã®æçš¿ãèŠããšã node_modules
以å€ã®ãã£ãã·ã¥ããŒãžã§ã³ãåé¡ã®åå ã§ãããšæããããããnpmã³ãã³ãã©ã€ã³ã䜿çšããŠæ¬¡ã«é©åã«ã¢ã³ã€ã³ã¹ããŒã«ããåŸã8.0.3 _without_acornã§éçºã¢ãŒããå®è¡ã§ããŸããã npm ci
ãã¯ãªãŒã³ã€ã³ã¹ããŒã«ã§ãããšãåã
ã®ããã±ãŒãžãã€ã³ã¹ããŒã«/ã¢ã³ã€ã³ã¹ããŒã«ããªããŠãåé¡ã解決ããå¯èœæ§ããããŸãã
@Soundvesselã©ããããæ瀺çã«ã€ã³ã¹ããŒã«ããªããšãæ©èœããŠããªãããã§ãã
ããŸããŸãªæ®µéã§npm ci
ã䜿ã£ãŠããããçš®é¡ã®ã³ã³ããè©ŠããŸããã
https://github.com/zeit/next.js/issues/6240#issuecomment -466549203ã¯ãç§ããããæ©èœãããããšãã§ããå¯äžã®æ¹æ³ã§ãã ãŸãã yarn
ã䜿çšãããšã acorn
æ瀺çã«è¿œå ããªããŠãä¿®æ£ã§ããŸãã
@ vasco3ããªãã®ãœãªã¥ãŒã·ã§ã³ã¯ç§ã®ããã«åããã ããããšãã ïŒ+1ïŒ
æ確ã«ããããã«ãåé¡ã解決ããããã«Acornã¯å¿
èŠãããŸããã§ããã node_modules
ãåé€ããã ãã§ãªããã³ãã³ãã©ã€ã³ã䜿çšããŠNextãã¢ã³ã€ã³ã¹ããŒã«ããŠã¿ãŠãã ããã
npm uninstall --save next
npm install --save next<strong i="7">@latest</strong>
ã³ãã³ãã©ã€ã³ã䜿çšããŠNextãã¢ã³ã€ã³ã¹ããŒã«ãããšã node_modules
ã®å€éšã®NPMãã£ãã·ã¥ããåé¡ã®åå ãåãé€ããããšæããŸãã
ãŸããäºåã«NodeãšNPMãæŽæ°ããŸããããé©åã«åã€ã³ã¹ããŒã«ãããŸã§ã¯åœ¹ã«ç«ã¡ãŸããã§ããã
npmãã£ãã·ã¥ã«ã€ããŠå¿é
ãã代ããã«ã .next
ãã£ã¬ã¯ããªãåé€ããŠã¿ãŠãã ããã
ç§ã¯åé¡ã解決ããŸããïŒ
.next/
ã«æ®ã£ããããimportïŒ './ noop'ïŒ;ãçºçããŸããã åã€ã³ã¹ããŒã«ã«ãããããããšã©ãŒnode_modules
ãš.next
ãåé€ããŸãnext build
ãå®è¡ãããšã next
devã倱æããå¯èœæ§ããããŸãããæånext build
ãå®è¡ããªãã£ãå Žåã¯æ©èœããŸãã
next
devãå®è¡ããå Žåããšã©ãŒã¯è¡šç€ºãããŸãããnext build
ãå®è¡ãã次ã«next
devãå®è¡ãããšããšã©ãŒã衚瀺ãããŸããä»ã®ããã€ãã®ã¢ãžã¥ãŒã«ãæŽæ°ããåŸããšã©ãŒãåã³ãããã¢ããããŸããã
ãŠãŒã¶ãŒãã©ã«ãå
ã®/.next
ã/ node_modules
ã package-lock.json
ãããã³/npm-cache/
ãåé€ããŠããã npm i
ãåå®è¡ããŠãããšã©ãŒã解決ããŸããã§ããã
ãšã©ãŒãé²ãããã«ããããããŠäŸåé¢ä¿ã«acorn
ãè¿œå ããŸããã
ãã®ãšã©ãŒã®ãã€ãã¬ãŒã¿ãããŒãžã§ã³ãååŸããŠããŸãã äžèšã®ã©ãã圹ã«ç«ã¡ãŸããã§ããïŒ
/Users/username/Sandboxes/mynext/node_modules/@babel/runtime-corejs2/helpers/esm/typeof.js:1
(function (exports, require, module, __filename, __dirname) { import _Symbol$iterator from "../../core-js/symbol/iterator";
å¿ èŠæ¡ä»¶ïŒ
1ïŒESã¢ãžã¥ãŒã«ã䜿çšããæãåºæ¬çãªserver.js
ã
2ïŒ.babelrcïŒ
{
"presets": [
"@babel/preset-env",
"next/babel",
],
}
3ïŒpackage.json
{
"name": "nownext",
"version": "1.0.0",
"main": "index.js",
"license": "MIT",
"dependencies": {
"@babel/cli": "^7.2.3",
"@babel/core": "7.2.2",
"@babel/node": "^7.2.2",
"@babel/preset-env": "^7.3.4",
"acorn": "^6.1.1",
"express": "^4.16.4",
"next": "^8.0.3",
"react": "^16.8.4",
"react-dom": "^16.8.4",
"webpack": "4.28.4"
},
"scripts": {
"dev": "babel-node server.js",
}
}
ãã®åŸ
$ babel-node server.js
äžèšã®ãšã©ãŒãçºçããŸãã ãããã£ãŠãåçã€ã³ããŒãã§ãããããŸãããç§ã®å ŽåãESã¢ãžã¥ãŒã«ã¯NextJSã§å®å šã«æ©èœããªããªããŸããã @timneutkens圹ç«ã€å Žåã¯ããã¢ãªããžããªãã¢ããããŒãã§ããŸãã
@ ivan-kleshninããã¯å¥ã®åé¡ã§ãïŒã«ããªã¢ã§ä¿®æ£ãããïŒ6273ã
package-lock.jsonãã£ã¬ã¯ããªãšnode_modulesãã£ã¬ã¯ããªãåé€ããããšããŸããããããŸããããŸããã§ããã ç§ã«ãšã£ãŠã®è§£æ±ºçã¯ã糞ã«åãæ¿ããããšã§ããã
rm package-lock.json
rm -rf node_modules
yarn dev
ãšã©ãŒã¯ãªããªããŸããïŒ
https://github.com/zeit/next-learn-demo/tree/master/E2-lazy-loading-modulesã§ãããžã§ã¯ããå®è¡ããããšãããšãåããšã©ãŒãçºçããŸããã [email protected]ã®npmdevã€ã³ã¹ããŒã«ãå®è¡ããåŸãåã³æ©èœãå§ããŸããã
https://github.com/zeit/next.js/issues/6940ã§ä¿®æ£ãããŸã
@ vasco3ã©ããããããšãïŒ ãããã«ã¯ã§ããïŒ
npm install acorn
npm run dev // -> runs next and fails with the error described in this git issue
npm install next<strong i="7">@latest</strong> // -> no warnings
npm run dev // it works!!! ð
Yarnã䜿çšããŠäŸåé¢ä¿ãã€ã³ã¹ããŒã«ããŸããããæ©èœããŸãïŒ
ãããåå©ã®ã³ã³ãã§ãïŒ100ïŒ åçŸå¯èœã§ããããšã確èªããŠãã ããïŒïŒ
ç§ã®ãããžã§ã¯ãã«ã¯ãã§ã«æ¬¡ã®v7ããããŸãã
npm install next@latest
->次ã®v8.0.1ãã€ã³ã¹ããŒã«ããŸãããã©ãããã«ã€ããŠèŠåããŸãnpm run dev
->次ã«å®è¡ããããã®gitã®åé¡ã§èª¬æãããŠãããšã©ãŒã§å€±æããŸãnpm install acorn
npm run dev
->次ã«å®è¡ããããã®gitã®åé¡ã§èª¬æãããŠãããšã©ãŒã§å€±æããŸãnpm install next@latest
->èŠåãªãnpm run dev
åäœããŸã!!! ðçµè«ïŒ
éèŠãªã®ã¯ã次ã®åã«ã©ããããã€ã³ã¹ããŒã«ããããšã§ã
ããããšãïŒ é åºãéèŠã§ããããšãããäžåºŠèšŒæããŸãïŒ å©ãããŸããã
ãããåå©ã®ã³ã³ãã§ãïŒ100ïŒ åçŸå¯èœã§ããããšã確èªããŠãã ããïŒïŒ
ç§ã®ãããžã§ã¯ãã«ã¯ãã§ã«æ¬¡ã®v7ããããŸãã
npm install next@latest
->次ã®v8.0.1ãã€ã³ã¹ããŒã«ããŸãããã©ãããã«ã€ããŠèŠåããŸãnpm run dev
->次ã«å®è¡ããããã®gitã®åé¡ã§èª¬æãããŠãããšã©ãŒã§å€±æããŸãnpm install acorn
npm run dev
->次ã«å®è¡ããããã®gitã®åé¡ã§èª¬æãããŠãããšã©ãŒã§å€±æããŸãnpm install next@latest
->èŠåãªãnpm run dev
åäœããŸã!!! å€ç°çµè«ïŒ
éèŠãªã®ã¯ã次ã®åã«ã©ããããã€ã³ã¹ããŒã«ããããšã§ã
ããã§ç§ãåé¡ã解決ããŸãããããããšãïŒ ïŒclapïŒ
ãããåå©ã®ã³ã³ãã§ãïŒ100ïŒ åçŸå¯èœã§ããããšã確èªããŠãã ããïŒïŒ
ç§ã®ãããžã§ã¯ãã«ã¯ãã§ã«æ¬¡ã®v7ããããŸãã* `npm install next@latest` -> installs next v8.0.1 but warns about acorn * `npm run dev` -> runs next and fails with the error described in this git issue * `npm install acorn` * `npm run dev` -> runs next and fails with the error described in this git issue * `npm install next@latest` -> no warnings * `npm run dev` it works!!! ð
çµè«ïŒ
éèŠãªã®ã¯ã次ã®åã«ã©ããããã€ã³ã¹ããŒã«ããããšã§ã
ããããã®ãããã§ãããã¯åé¡ãä¿®æ£ããŸããã ðð
ããã¯ã«ããªã¢ãã©ã³ãã§ããã«ä¿®æ£ãããŸããïŒ
@TidyIQããã«ä¿®æ£ããããšããŠããŸãïŒ ããã¯npmã®ãã°ã§ããããšã«æ³šæããããšãéèŠã§ãã
@Timer webpackã¯ãã§ã«ãã®åé¡ãä¿®æ£ããŠããŸããhttpsïŒ//github.com/webpack/webpack/pull/9370ãåç §ããŠãã ããã
ããã§åé¡ã解決ããããã«ã¯èŠããŸããã ãŸã æ°ããæ©èœã«å®å šã«ã¢ããã°ã¬ãŒãã§ããªãå€ãã³ãŒãããŒã¹ãåŠçããŠããã®ã«ããã©ã³ã¹ãã€ã«ããããµãŒããŒãå¿ èŠã§ãã
äžèšã®æé ãå®è¡ããŸããããåé¡ã¯è§£æ±ºããŸããã åçã€ã³ããŒãã䜿çšããŠããŸããïŒ/
Compiling client app.
Compiling server app.
[ error ] ./node_modules/next/dist/client/next-dev.js 23:6
Module parse failed: Unexpected token (23:6)
You may need an appropriate loader to handle this file type.
|
|
> import('./dev/noop'); // Support EventSource on Internet Explorer 11
|
| if (!window.EventSource) {
[ wait ] compiling ...
[ error ] ./node_modules/next/dist/client/next-dev.js 23:6
Module parse failed: Unexpected token (23:6)
You may need an appropriate loader to handle this file type.
|
|
> import('./dev/noop'); // Support EventSource on Internet Explorer 11
|
| if (!window.EventSource) {
2019-07-13T08:07:59.942Z app:server:log Connected to redis
2019-07-13T08:07:59.947Z app:server:log > Ready on http://localhost:3000
node-modulesãrm-ingããŠåã€ã³ã¹ããŒã«ããããšã§ãã®åé¡ã解決ãããããããŸãããããã¹ãŠãåã€ã³ã¹ããŒã«ããªããšããããåŒãèµ·ãããŠããç¹å®ã®ããã±ãŒãžãååšããå¯èœæ§ããããŸã
æçµçãªè§£æ±ºæé ã¯ã rm package-lock.json
ãšrm -rf node_modules
ã«ããŠãããåã€ã³ã¹ããŒã«ããå¿
èŠããããŸãã
ããã¯Next9ã§ã®ã¿ä¿®æ£ãããããšã«æ³šæããŠãã ããã
@Timer [email protected]ãå®è¡ããŠããŸããããŸã åé¡ãçºçããŠããŸãã ç§ã¯ããè©ŠããïŒ
1ïŒæ¬¡ã«åé€ãã yarn add acorn
ã§ãã³ã°ãªãè¿œå ããŠããã yarn next@latest
ãå®è¡ããŠãç¡é§ã«ãªããŸã
2ïŒãã¹ãŠã®node_modulesãšyarn.lockãåé€ããåã€ã³ã¹ããŒã«ããŸãã ä»ã®èª°ãããŸã ãã®åé¡ãèŠãŠããŸããïŒ ç§ã¯react-datepickerã§ãããçµéšãå§ããã°ããã§ã
@ Sm00g15è€è£œãæäŸãããŠããªãå Žåãããªããå©ããã®ã¯éåžžã«å°é£ã§ãã ãã¶ããwebpackãæåã§ã€ã³ã¹ããŒã«ããŸãããïŒ
webpack
ãš@babel/core
ãæŽæ°ããåŸããåãåé¡ãçºçããŸãããpackage-lock.json
ãšnode_modules
ãåé€ããæ°èŠã€ã³ã¹ããŒã«ãå®è¡ãããšãåé¡ã解決ããŸããã
ãããã§ããã®è§£æ±ºçã¯ç§ã«ãšã£ãŠåé¡ã解決ããŸããã ç§ã¯å¥ã®Node.jsãããžã§ã¯ãïŒNext.jsã§ã¯ãªãïŒã«åãçµãã§ããŠãNodeã®ããŒãžã§ã³ãææ°ã®ãã®ã«ã¢ããã°ã¬ãŒãããŸãã-ãããåé¡ã®åå ã®ããã§ãã lock.jsonãšnode_modulesãåé€ããŠãããããã±ãŒãžãåã€ã³ã¹ããŒã«ãããœãªã¥ãŒã·ã§ã³ãå®å šã«æ©èœããå Žåã ããããšãã
æãåèã«ãªãã³ã¡ã³ã
ãããåå©ã®ã³ã³ãã§ãïŒ100ïŒ åçŸå¯èœã§ããããšã確èªããŠãã ããïŒïŒ
ç§ã®ãããžã§ã¯ãã«ã¯ãã§ã«æ¬¡ã®v7ããããŸãã
npm install next@latest
->次ã®v8.0.1ãã€ã³ã¹ããŒã«ããŸãããã©ãããã«ã€ããŠèŠåããŸãnpm run dev
->次ã«å®è¡ããããã®gitã®åé¡ã§èª¬æãããŠãããšã©ãŒã§å€±æããŸãnpm install acorn
npm run dev
->次ã«å®è¡ããããã®gitã®åé¡ã§èª¬æãããŠãããšã©ãŒã§å€±æããŸãnpm install next@latest
->èŠåãªãnpm run dev
åäœããŸã!!! ðçµè«
éèŠãªã®ã¯ã次ã®åã«ã©ããããã€ã³ã¹ããŒã«ããããšã§ã