Vue不能使用<scriptimport>？-有解無憂

我在 VueJS 中創建了一個網站，但它不起作用。頂部的 App.vue 有

<script setup>
  import Page from './components/Page.vue';
  import Top from './components/Top.vue';
</script>

當我嘗試運行開發模式時：vite dev (npm run dev)或嘗試構建它：vite (npm run build)它像最后一個>在</script>

注意：我使用的是JS而不是TS

它不會編譯甚至運行開發服務器。

錯誤：

Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
11:07:43 am [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
  Plugin: vite:import-analysis
  File: D:/Developing/denhamrocknet/home/denhamrockjs/src/App.vue
  1  |  <script setup>
  2  |    import Page from '.Page.vue';
  3  |    import Top from '.Top.vue';
  4  |  </script>
     |           ^
  5  |
  6  |
      at formatError (file:///D:/Developing/denhamrocknet/home/denhamrockjs/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:40862:46)
      at TransformContext.error (file:///D:/Developing/denhamrocknet/home/denhamrockjs/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:40858:19)
      at TransformContext.transform (file:///D:/Developing/denhamrocknet/home/denhamrockjs/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:37530:22)
      at async Object.transform (file:///D:/Developing/denhamrocknet/home/denhamrockjs/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:41111:30)
      at async loadAndTransform (file:///D:/Developing/denhamrocknet/home/denhamrockjs/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:37373:29)
Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.
11:08:30 am [vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. Install @vitejs/plugin-vue to handle .vue files.     
  Plugin: vite:import-analysis
  File: D:/Developing/denhamrocknet/home/denhamrockjs/src/App.vue
  1  |  <script setup>
  2  |    import Top from './components/Top.vue';
  3  |    import Page from './components/Page.vue';
  4  |  </script>
     |           ^
  5  |
  6  |
      at formatError (file:///D:/Developing/denhamrocknet/home/denhamrockjs/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:40862:46)
      at TransformContext.error (file:///D:/Developing/denhamrocknet/home/denhamrockjs/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:40858:19)
      at TransformContext.transform (file:///D:/Developing/denhamrocknet/home/denhamrockjs/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:37530:22)
      at async Object.transform (file:///D:/Developing/denhamrocknet/home/denhamrockjs/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:41111:30)
      at async loadAndTransform (file:///D:/Developing/denhamrocknet/home/denhamrockjs/node_modules/vite/dist/node/chunks/dep-49b3b5ea.js:37373:29)

結尾

我不知道為什么。我發現了該設定：module.exports = { publicPath: '' }否則它只是一個空白頁，盡管當我這樣做時，我得到了這個錯誤和一個白頁。

PS：有什么幫助！生病嘗試任何東西。我迫切希望它發揮作用。

固定問題！

uj5u.com熱心網友回復：

我找到了解決辦法！

我剛剛洗掉：module.exports = { publicPath: '' }從我的配置中，現在它可以作業了！我一定是犯了一個錯誤，添加了代碼，修復了錯誤，現在洗掉了錯誤的代碼。

希望這可以幫助任何有同樣問題的人！

轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/511374.html

標籤：Vue.js网络Vuejs3维特

上一篇：如何在沒有任何界面構建器檔案的情況下在MacOS中以編程方式創建選單？

下一篇：即使隱藏，導航欄也會有點突出