Error in import in router

If the babel-plugin-syntax-dynamic-import plug-in is not installed and introduced into .Babelrc, an error will be reported. This is the setting of the webpack dynamic import module.

Import error, missing configuration file!!

Solution:

copy the missing new items into this new project again…

Read More:

• [Solved] Vue-cli Error: Module not found: Error: Can‘t resolve ‘vue-router ‘
• [Solved] SyntaxError: Cannot use import statement outside a module
• [Solved] SyntaxError: Cannot use import statement outside a module
• [Solved] SyntaxError: Cannot use import statement outside a module
• js: SyntaxError: Cannot use import statement outside a module
• [Solved] Uncaught SyntaxError: Cannot use import statement outside a module
• [Solved] Vue Import swiper.css Error: Module not found…
• Vue Dynamic Display Picture Error 404: Not Found [How to Solve]
• How to open a page in a new window by Vue router
• [Solved] Router Pinia error: getActivePinia was called with no active Pinia. Did you forget to install pinia
• [Solved] react-router-dom Error: ＜NavLink＞activeClassName
• [Solved] Vue-router Error: Navigation cancelled from “/course“ to “/user“ with a new navigation.
• Vue Import element-plus Error: Failed to resolve import “element-pluslibtheme-chalkindex.css“ from “src
• [Solved] Vue binding dynamic inline style Error: transform:rotate()
• CSS to achieve dynamic display of picture text by mouse touch
• [Solved] react-router-dom Error: index.js:1 Warning: Functions are not valid as a React child.
• [vite] Failed to parse source for import analysis because the content contains invalid JS syntax.
• [Solved] Vue3 Import element UI error: Uncaught TypeError: Cannot read properties of underfined…
• [Solved] Warning: To load an ES module, set “type“: “module“ in the package.json or use the .mjs extension
• [Solved] Error: Cannot find module ‘@/views/xxx‘ at webpackEmptyContext