fix potential compatibility issue & update README.md

README.md

@@ -3,7 +3,7 @@
 ## Install
 
 ```shell
-npm install
+npm i --force
 ```
 
 ## Edit examples
@@ -51,7 +51,7 @@ For example:
 $.when(
   $.getScript(ROOT_PATH + '/data/asset/js/xxxx.js'),
   $.getScript(
-    'https://cdn.jsdelivr.net/npm/[email protected]/dist/d3-contour.jXs'
+    'https://cdn.jsdelivr.net/npm/[email protected]/dist/d3-contour.js'
   )
 ).done(function () {
   // ...
@@ -131,7 +131,7 @@ npm run build:examplelist
 If puppeteer has not been installed:
 
 ```shell
-npm i puppeteer
+npm i puppeteer -D
 ```
 
 If you want to save the log:

tool/build-example.js

@@ -247,7 +247,7 @@ async function takeScreenshot(
       // ffmpeg.FS("unlink", `${basename}.webm`)
       // ffmpeg.FS("unlink", `${basename}.webp`)
       shell.exec(
-        `ffmpeg -y -i ${fileBase}.webm -s ${OUTPUT_IMAGE_WIDTH}x${OUTPUT_IMAGE_HEIGHT} -f webp ${fileBase}.webp`
+        `ffmpeg -y -i "${fileBase}.webm" -s ${OUTPUT_IMAGE_WIDTH}x${OUTPUT_IMAGE_HEIGHT} -f webp "${fileBase}.webp"`
       );
       try {
         fs.unlinkSync(webmFile);

tool/compile-example.js

@@ -7,9 +7,9 @@ const exampleDir = path.join(__dirname, '../public/examples');
 
 async function run() {
   const hasError =
-    shell.exec(`tsc --project ${path.join(exampleDir, 'tsconfig.json')}`)
+    shell.exec(`tsc --project "${path.join(exampleDir, 'tsconfig.json')}"`)
       .code !== 0;
-  shell.exec(`prettier --write ${path.join(exampleDir, 'js')}`);
+  shell.exec(`prettier --write "${path.join(exampleDir, 'js')}"`);
 
   const files = await globby('js/**/*.js', {
     cwd: exampleDir,