在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ vue引入本地js文件打包報錯,在index.html中引入在線版的js文件反而

vue引入本地js文件打包報錯,在index.html中引入在線版的js文件反而沒問題?

vue-cli開發(fā)的項目,想引入viz.js,下載在線的js文件在本地導(dǎo)入時,VS Code會提示該js帶有ts語法,導(dǎo)致沒法打包運行。但在index.html中引入在線的viz.js繞過了打包問題,反而可以運行。
在普通的項目中通過script標簽在引入該本地js文件也是可以直接運行的。
猜測問題可能是出現(xiàn)在打包上。
請問vue-cli該安裝什么模塊才能打包執(zhí)行這帶有ts語法的js文件?

線上的版本:<script src="https://cdn.bootcss.com/viz.j...;></script>
只要本地文件出現(xiàn),打包運行就會報錯。本地的js文件是從線上的版本拷貝下來的。

clipboard.png

試著安裝了ts的模塊,但是依舊報錯。
npm上有查到viz的包,安裝了很久貌似下載了個空殼,下圖是通過 npm install viz -S后node_modules文件夾里的文件

clipboard.png

clipboard.png
index.js文件???,很迷

回答
編輯回答
傻丟丟

1.對比一下本地js文件和CDN文件是不是一致
2.可在webpack配置中加入ts-loader
3.看看viz.js有沒有npm包

2017年4月26日 12:20
編輯回答
初念

關(guān)于問題算是被繞過去了。
目前的解決方案是將本地的viz.js放在static目錄下,然后在index.html中用script標簽引入。
雖然viz.js文件依舊會在VS Code中顯示語法錯誤,但此時不影響打包和運行。

npm安裝viz的問題,貌似是安裝錯了,應(yīng)該是安裝viz.js而不是viz
安裝了viz.js后在已安裝模塊中能找到代碼,不過VS Code依舊顯示語法錯誤。
至于引用,呃,試著import方式引入文件,貌似沒起到效果,npm安裝的版本為2.0,在線版的2.0貌似也用不了。

2018年3月31日 07:31
編輯回答
孤慣

說明它的在線版是已經(jīng)編譯為js的版本.
npm下載的是ts源碼.一般來說,發(fā)布到npm上應(yīng)該都會提供一份打包好的umd規(guī)范的代碼.你可以檢查下那個包里package.json里的main屬性,看下它是指向哪個文件,如果確實是指向了ts源碼,那你就得在你的項目的build/webpack.base.conf.js里增加對ts處理的插件,也就是ts-loader,具體配置需要查文檔.

當然,最省事的是你直接下載那份在線版的代碼,放到你的項目里作為源碼使用

2017年10月1日 18:41
編輯回答
淺時光

貼個viz.js的線上鏈接和引入的那段代碼。

2017年3月20日 17:32