webstorm提示 @路徑 Module is not installed的問題
webstorm提示 @路徑 Module is not installed
在vscode進行處理vue代碼沒有問題,但是放到ws後出現這個@問題。
百度得到答案是由於沒有配置webpack.cofig.js這個文件。
處理
解決辦法也很簡單 雙擊shift鍵,打開全局搜索,輸入webpack 配置setting
路徑為:
項目下\node_modules@vue\cli-service\webpack.config.js
解決WebStorm 2021無法識別@(別名路徑)
第一步
先去設置, 語言和框架 —> JavaScript —> webpack , 如果這個時候看到已禁用,把他調成自動
第二步
在根目錄下創建webpack.config.js 文件,並配置以下代碼
const path = require('path') module.exports = { context: path.resolve(__dirname, './'), resolve: { extensions: ['.js', '.vue', '.json'], alias: { '@/': path.resolve('src'), } } }
然後你的WebStorm 就可以識別出別名路徑啦
以上為個人經驗,希望能給大傢一個參考,也希望大傢多多支持WalkonNet。
推薦閱讀:
- vue配置根目錄詳細步驟(用@代表src目錄)
- webpack cjs運行時分析示例詳解
- vue @ ~ 相對路徑 路徑別名設置方式
- 使用webpack打包ts代碼的實現
- JavaScript webpack5配置及使用基本介紹